JavaScript는 세계에서 가장 인기 있는 프로그래밍 언어 중 하나입니다.

https://www.freecodecamp.org/news/the-complete-javascript-handbook-f26b2c71719c/ 

나는 이것이 첫 번째 프로그래밍 언어에 대한 훌륭한 선택이라고 믿습니다.

우리는 주로 JavaScript를 사용하여

• 웹 사이트
• 웹 애플리케이션
• Node.js를 사용하는 서버 측 애플리케이션

그러나 JavaScript는 이러한 것에만 국한되지 않으며 다음과 같은 용도로도 사용될 수 있습니다.

• React Native와 같은 도구를 사용하여 모바일 애플리케이션 작성
• 마이크로 컨트롤러 및 사물 인터넷을 위한 프로그램 작성
• 스마트 워치 애플리케이션 제작

기본적으로 무엇이든 할 수 있습니다. 새로 등장하는 모든 것이 언젠가는 어떤 종류의 JavaScript 통합을 갖게 될 정도로 인기가 있습니다.

JavaScript는 다음과 같은 프로그래밍 언어입니다.

• high level: 실행 중인 시스템의 세부 사항을 무시할 수 있는 추상화를 제공합니다. 가비지 콜렉터를 사용하여 메모리를 자동으로 관리하므로 C와 같은 다른 언어와 같이 메모리를 관리하는 대신 코드에 집중할 수 있으며 강력한 변수 및 오브젝트를 처리 할 수 있는 많은 구성을 제공합니다.
• dynamic: 정적 프로그래밍 언어와 달리 동적 언어는 런타임시 정적 언어가 컴파일 타임에 수행하는 많은 작업을 실행합니다. 여기에는 장단점이 있으며 동적 타이핑, 후기 바인딩, 리플렉션, 기능 프로그래밍, 객체 런타임 변경, 클로저 등과 같은 강력한 기능을 제공합니다. 그러한 것들이 당신에게 알려지지 않아도 걱정하지 마십시오. 과정이 끝날 때까지 모든 것을 알 수 있습니다.
• dynamically typed: 변수는 타입을 강요하지 않습니다. 예를 들어 문자열을 보유한 변수에 정수를 할당하는 등 모든 유형을 변수에 재 할당 할 수 있습니다.
• loosely typed: 강력한 타이핑과는 반대로 느슨하거나 약한 유형의 언어는 객체의 유형을 강제하지 않으므로 유연성이 높아지지만 유형 안전성과 유형 검사 (TypeScript가 JavaScript 위에 빌드-제공하는 것)를 거부합니다.
• interpreted: 일반적으로 해석되는 언어로 알려져 있습니다. 즉, C, Java 또는 Go와 달리 프로그램을 실행하기 전에 컴파일 단계가 필요하지 않습니다. 실제로 브라우저는 성능상의 이유로 JavaScript를 실행하기 전에 컴파일합니다. 그러나 이는 사용자에게 투명합니다. 추가 단계가 필요하지 않습니다.
• multi-paradigm: 예를 들어 Java는 객체 지향 프로그래밍을 사용하도록 강제하는 Java 또는 명령형 프로그래밍을 강제로 수행하는 C와 달리 특정 프로그래밍 패러다임을 적용하지 않습니다. 프로토 타입과 새로운 ES6 클래스 구문을 사용하여 객체 지향 패러다임을 사용하여 JavaScript를 작성할 수 있습니다. 함수형 프로그래밍 스타일, 첫 번째 클래스 함수 또는 명령형 스타일 (C와 같은)로 JavaScript를 작성할 수 있습니다.

궁금한 점이 있다면 JavaScript는 Java와 관련이 없으며 이름 선택이 좋지 않지만 우리는 그것을 사용해야 합니다.

핸드북 요약 

1.    A little bit of history
2.    Just JavaScript
3.    A brief intro to the syntax of JavaScript
4.    Semicolons
5.    Values
6.    Variables
7.    Types
8.    Expressions
9.    Operators
10.    Precedence rules
11.    Comparison operators
12.    Conditionals
13.    Arrays
14.    Strings
15.    Loops
16.    Functions
17.    Arrow functions
18.    Objects
19.    Object Properties
20.    Object Methods
21.    Classes
22.    Inheritance
23.    Asynchonous Programming and Callbacks
24.    Promises
25.    Async and Await
26.    Variable scope
27.    Conclusion

업데이트 : 이제 이 JavaScript Beginner 's Handbook의 PDF 및 ePub 버전을 얻을 수 있습니다.

약간의 역사 

1995 년에 만들어진 JavaScript는 초창기부터 크게 발전했습니다.

웹 브라우저에서 기본적으로 지원되는 최초의 스크립팅 언어였으며,이 덕분에 다른 언어에 비해 경쟁 우위를 얻었으며 오늘날에도 웹 응용 프로그램을 구축하는 데 사용할 수 있는 유일한 스크립팅 언어입니다.

다른 언어도 있지만 모든 언어는 JavaScript 또는 보다 최근에는 WebAssembly로 컴파일해야 하지만 이것은 또 다른 이야기입니다.

처음에는 JavaScript가 오늘날만큼 강력하지 않았으며 주로 동적 애니메이션으로 알려진 멋진 애니메이션과 놀라운 기능에 주로 사용되었습니다.

웹 플랫폼에 대한 요구가 계속 증가함에 따라 (그리고 계속 수요가 증가함에 따라) JavaScript는 세계에서 가장 널리 사용되는 생태계 중 하나의 요구를 수용하기 위해 성장해야 할 책임이 있었습니다.

JavaScript는 이제 브라우저 외부에서도 널리 사용됩니다. 지난 몇 년 동안 Node.js의 등장으로 Java, Ruby, Python, PHP 및 보다 전통적인 서버 측 언어의 도메인이었던 백엔드 개발이 가능해졌습니다.

JavaScript는 이제 언어 기반 데이터베이스 및 더 많은 응용 프로그램이며, 내장 응용 프로그램, 모바일 응용 프로그램, TV 응용 프로그램 등을 개발할 수도 있습니다. 브라우저에서 작은 언어로 시작한 것은 이제 세계에서 가장 인기 있는 언어입니다.

JavaScript 만 

때로는 JavaScript를 사용하는 환경의 기능과 JavaScript를 분리하기가 어렵습니다.

예를 들어 많은 코드 예제에서 찾을 수 있는 console.log() 행은 JavaScript가 아닙니다. 대신 브라우저에서 제공되는 방대한 API 라이브러리의 일부입니다.

같은 방식으로 서버에서 JavaScript 언어 기능을 Node.js에서 제공하는 API와 분리하기가 어려운 경우가 있습니다.

React 또는 Vue가 제공하는 특정 기능입니까? 아니면 흔히 "일반 JavaScript"또는 "바닐라 JavaScript"입니까?

이 책에서는 JavaScript 인 언어에 대해 이야기합니다.

학습 과정을 외부의 것들과 복잡하게 만들지 않고 외부 생태계에서 제공합니다.

JavaScript 구문에 대한 간단한 소개 

이 작은 소개에서는 5 가지 개념에 대해 설명하고자 합니다.

•    white space
•    case sensitivity
•    literals
•    identifiers
•    comments

White space 

JavaScript는 공백을 의미 있는 것으로 간주하지 않습니다. 공백과 줄 바꿈은 적어도 이론적으로 원하는 방식으로 추가 할 수 있습니다.

실제로, 잘 정의 된 스타일을 유지하고 사람들이 일반적으로 사용하는 것을 고수하고 린터나 Prettier와 같은 스타일 도구를 사용하여 이를 강제 할 것입니다.

예를 들어, 나는 들여 쓰기마다 항상 2 개의 공백 문자를 사용합니다.

Case sensitive 

JavaScript는 대소 문자를 구분합니다. 무언가라는 변수는 무언가와 다릅니다.

모든 식별자에도 동일하게 적용됩니다.

Literals 

리터럴을 소스 코드에 기록 된 값으로 정의합니다 (예 : 숫자, 문자열, 부울 또는 오브젝트 리터럴 또는 배열 리터럴과 같은 고급 구성).

5
'Test'
true
['a', 'b']
{color: 'red', shape: 'Rectangle'}

Identifiers 

식별자는 변수, 함수 또는 객체를 식별하는 데 사용할 수 있는 일련의 문자입니다. 문자, 달러 기호 $ 또는 밑줄 _로 시작할 수 있으며 숫자를 포함 할 수 있습니다. 유니 코드를 사용하면 문자는 허용되는 문자 (예 : 그림 이모티콘)가 될 수 있습니다.

Test
test
TEST
_test
Test1
$test

달러 기호는 일반적으로 DOM 요소를 참조하는 데 사용됩니다.

일부 이름은 JavaScript 내부 용으로 예약되어 있으므로 식별자로 사용할 수 없습니다.

Comments 

주석은 모든 프로그래밍 언어에서 모든 프로그램에서 가장 중요한 부분 중 하나입니다. 그것들은 코드에 주석을 달고 다른 사람 (또는 우리 자신)이 코드를 읽을 수 없는 중요한 정보를 추가 할 수 있기 때문에 중요합니다.

JavaScript에서는 //를 사용하여 한 줄에 주석을 작성할 수 있습니다. // 이후의 모든 것은 JavaScript 인터프리터에서 코드로 간주되지 않습니다.

이처럼 :

// a comment
true //another comment

다른 유형의 주석은 여러 줄 주석입니다. / *로 시작하고 * /로 끝납니다.

그 사이의 모든 것이 코드로 간주되지 않습니다.

/* some kind
of 
comment 

*/

Semicolons 

JavaScript 프로그램의 모든 행은 선택적으로 세미콜론을 사용하여 종료됩니다.

JavaScript 인터프리터가 세미콜론을 도입하기에 충분히 똑똑하기 때문에 선택적으로 말했습니다.

대부분의 경우, 세미콜론을 전혀 생각하지 않고 프로그램에서 생략 할 수 있습니다.

이 사실은 매우 논쟁의 여지가 있습니다. 일부 개발자는 항상 세미콜론을 사용하고 일부 개발자는 세미콜론을 사용하지 않으며 세미콜론을 사용하는 코드와 그렇지 않은 코드를 항상 찾을 수 있습니다.

개인적으로 선호하는 것은 세미콜론을 피하는 것이므로 이 책의 예제에는 포함되지 않습니다.

Values 

hello 문자열은 값(value)입니다.

12와 같은 숫자는 값(value)입니다.

hello와 12는 값입니다. 문자열과 숫자는 이러한 값의 유형(type)입니다.

유형(type)은 가치의 종류, 범주입니다. JavaScript에는 여러 유형이 있으며 나중에 자세히 설명하겠습니다. 각 유형마다 고유 한 특성이 있습니다.

값에 대한 참조가 필요할 때 변수에 할당합니다. 변수는 이름을 가질 수 있고 그 값은 변수에 저장된 것이므로 나중에 변수 이름을 통해 해당 값에 액세스 할 수 있습니다.

Variables 

변수는 식별자에 할당 된 값이므로 나중에 프로그램에서 참조하여 사용할 수 있습니다.

JavaScript가 느슨하게 입력(loosely typed) 되었기 때문에 자주 듣는 개념입니다.

변수를 사용하려면 먼저 선언해야 합니다.

변수를 선언하는 두 가지 주요 방법이 있습니다. 첫 번째는 const를 사용하는 것입니다 :

const a = 0

두 번째 방법은 let을 사용하는 것입니다.

let a = 0

차이점이 뭐야?

const는 값에 대한 상수 참조를 정의합니다. 이는 참조를 변경할 수 없음을 의미합니다. 새 값을 다시 할당 할 수 없습니다.

let을 사용하면 새로운 값을 할당 할 수 있습니다.

예를 들어 다음을 수행 할 수 없습니다.

const a = 0
a = 1

오류가 발생하기 때문에 : TypeError : 상수 변수에 할당.

반면에 let을 사용하여 수행 할 수 있습니다.

let a = 0
a = 1

const는 C와 같은 다른 언어가 의미하는 방식으로 "일정한"을 의미하지 않습니다. 특히 값을 변경할 수 없다는 의미는 아닙니다. 다시 할당 할 수 없습니다. 변수가 객체 나 배열을 가리키면 (나중에 객체와 배열에 대해 더 보게 될 것입니다), 객체 나 배열의 내용이 자유롭게 바뀔 수 있습니다.

const 변수는 선언시 초기화해야 합니다.

const a = 0

그러나 나중에 값을 초기화 할 수 있습니다.

let a
a = 0

동일한 명령문에서 여러 변수를 한 번에 선언 할 수 있습니다.

const a = 1, b = 2
let c = 1, d = 2

그러나 동일한 변수를 두 번 이상 다시 선언 할 수 없습니다.

let a = 1
let a = 2

또는 "중복 선언"오류가 발생합니다.

내 조언은 항상 const를 사용하고 해당 변수에 값을 다시 할당해야 한다는 것을 알 때만 사용하는 것입니다. 왜? 코드의 힘이 적을수록 좋습니다. 우리가 값을 재 할당 할 수 없다는 것을 안다면, 버그의 원인은 적습니다.

const로 작업하는 법을 보았고 var를 언급하고 싶습니다.

2015 년까지는 var가 JavaScript로 변수를 선언 할 수 있는 유일한 방법이었습니다. 오늘날 현대 코드베이스는 const와 let을 사용할 것입니다. 이 게시물에서 자세히 설명하는 몇 가지 근본적인 차이점이 있지만 막 시작한 경우에는 신경 쓰지 않아도 됩니다. const와 let을 사용하십시오.

Types 

JavaScript의 변수에는 첨부 된 유형이 없습니다.

형식화 되지 않았습니다.

특정 유형의 값을 변수에 할당하면 나중에 문제 없이 다른 유형의 값을 호스팅 하도록 변수를 다시 할당 할 수 있습니다.

JavaScript에는 기본 유형과 객체 유형의 두 가지 주요 유형이 있습니다.

Primitive types 

기본 유형은

•    numbers
•    strings
•    booleans
•    symbols

그리고 null과 undefined의 두 가지 특수 유형이 있습니다.

Object types 

기본 유형이 아닌 값 (문자열, 숫자, 부울, 널 또는 정의되지 않음)은 객체입니다.

객체 유형에는 속성이 있으며 해당 속성에 작용할 수 있는 메소드도 있습니다.

우리는 나중에 객체에 대해 더 이야기 할 것입니다.

Expressions 

식은 JavaScript 엔진이 평가하고 값을 반환 할 수 있는 단일 JavaScript 코드 단위입니다.

식은 복잡성이 다를 수 있습니다.

우리는 기본 표현식이라고 하는 매우 간단한 것부터 시작합니다.

2
0.02
'something'
true
false
this //the current scope
undefined
i //where i is a variable or a constant

산술 식은 변수와 연산자를 사용하고 (연산자에 대한 자세한 내용은 곧)식이 됩니다.

1 / 2
i++
i -= 2
i * 2

문자열 표현식은 문자열이 되는 표현식입니다.

'A ' + 'string'

논리식은 논리 연산자를 사용하고 부울 값으로 확인합니다.

a && b
a || b
!a

고급 표현에는 객체, 함수 및 배열이 포함되며 나중에 소개하겠습니다.

Operators 

연산자를 사용하면 두 개의 간단한 식을 가져와 결합하여보다 복잡한 식을 만들 수 있습니다.

작업하는 피연산자를 기준으로 연산자를 분류 할 수 있습니다. 일부 연산자는 피연산자 1 개로 작업합니다. 대부분 2 개의 피연산자로 작동합니다. 하나의 연산자 만 3 개의 피연산자로 작동합니다.

연산자에 대한 첫 번째 소개에서는 가장 익숙한 연산자 인 피연산자가 2 개인 연산자를 소개합니다.

변수에 대해 이야기 할 때 이미 할당 연산자 =를 소개했습니다. =를 사용하여 변수에 값을 할당하십시오.

let b = 2

이제 기본 수학에서 이미 잘 알고 있는 또 다른 이진 연산자 집합을 소개하겠습니다.

The addition operator (+) 

const three = 1 + 2
const four = three + 1

문자열을 사용하는 경우 + 연산자는 문자열 연결도 수행하므로주의하십시오.

const three = 1 + 2
three + 1 // 4
'three' + 1 // three1

The subtraction operator (-) 

const two = 4 - 2

The division operator (/) 

첫 번째 연산자와 두 번째 연산자의 몫을 반환합니다.

const result = 20 / 5 //result === 4
const result = 20 / 7 //result === 2.857142857142857

0으로 나누면 JavaScript는 오류를 발생 시키지 않지만 무한대 값 (또는 값이 음수이면 -Infinity)을 반환합니다.

1 / 0 //Infinity
-1 / 0 //-Infinity

The remainder operator (%) 

나머지는 많은 사용 사례에서 매우 유용한 계산입니다.

const result = 20 % 5 //result === 0
const result = 20 % 7 //result === 6

나머지 0은 항상 NaN이며 "숫자가 아님"을 의미하는 특수 값입니다.

1 % 0 //NaN
-1 % 0 //NaN

The multiplication operator (*) 

두 숫자 곱하기

1 * 2 //2
-1 * 2 //-2

The exponentiation operator (**) 

첫 번째 피연산자를 두 번째 피연산자의 거듭 제곱으로 올립니다.

1 ** 2 //1
2 ** 1 //2
2 ** 2 //4
2 ** 8 //256
8 ** 2 //64

우선 순위 규칙

같은 줄에 여러 연산자가 포함 된 모든 복잡한 설명에는 우선 순위 문제가 발생합니다.

이 예제를 보자 :

let a = 1 * 2 + 5 / 2 % 2

결과는 2.5이지만 왜 그렇습니까?

어떤 작업이 먼저 실행되며 어떤 작업을 기다려야 합니까?

일부 작업은 다른 작업보다 우선합니다. 우선 순위 규칙이 이 표에 나열되어 있습니다.

+ 및-와 같은 동일한 수준의 작업은 왼쪽에서 오른쪽으로 찾은 순서대로 실행됩니다.

이러한 규칙에 따라 위의 작업을 다음과 같이 해결할 수 있습니다.

let a = 1 * 2 + 5 / 2 % 2
let a = 2 + 5 / 2 % 2
let a = 2 + 2.5 % 2
let a = 2 + 0.5
let a = 2.5

Comparison operators 

대입 및 수학 연산자 후에 소개하고자 하는 세 번째 연산자는 조건부 연산자입니다.

다음 연산자를 사용하여 두 숫자 또는 두 문자열을 비교할 수 있습니다.

비교 연산자는 항상 부울, 즉 true 또는 false 값을 반환합니다.

이들은 불평등 비교 연산자입니다.

•    < means "less than"
•    <= means "less than or equal to"
•    > means "greater than"
•    >= means "greater than or equal to"

예:

let a = 2
a >= 1 //true

그 외에도 4 개의 항등 연산자가 있습니다. 두 값을 받아들이고 부울 값을 반환합니다.

•    === checks for equality
•    !== checks for inequality

JavaScript에는 == 및! =도 있지만, 미묘한 문제를 예방할 수 있기 때문에 === 및! == 만 사용하는 것이 좋습니다.

Conditionals 

비교 연산자를 사용하면 조건에 대해 이야기 할 수 있습니다.

if 문은 식 평가 결과에 따라 프로그램이 경로를 만들도록 하는 데 사용됩니다.

이것은 가장 간단한 예이며 항상 다음을 실행합니다.

if (true) {
  //do something
}

반대로, 이것은 결코 실행되지 않습니다.

if (false) {
  //do something (? never ?)
}

조건부에서는 전달한 표현식에서 참 또는 거짓 값을 확인합니다. 숫자를 전달하면 0이 아닌 한 항상 true로 평가됩니다. 문자열을 전달하면 빈 문자열이 아닌 한 항상 true로 평가됩니다. 이것들은 타입을 불리언으로 캐스팅 하는 일반적인 규칙입니다.

중괄호를 보셨습니까? 이를 블록이라고 하며 다른 명령문 목록을 그룹화 하는 데 사용됩니다.

하나의 문장을 가질 수 있는 곳이라면 어디든지 블록을 놓을 수 있습니다. 조건부 다음에 실행할 단일 명령문이 있는 경우 블록을 생략하고 명령문을 작성할 수 있습니다.

if (true) doSomething()

그러나 나는 항상 더 명확하게 중괄호를 사용하고 싶습니다.

if 문에 두번째 부분을 제공 할 수 있습니다 : else

if 조건이 false 인 경우 실행될 명령문을 첨부합니다.

if (true) {
  //do something
} else {
  //do something else
}

다른 명령문을 허용하므로 다른 if / else 문을 그 안에 중첩 시킬 수 있습니다.

if (a === true) {
  //do something
} else if (b === true) {
  //do something else
} else {
  //fallback
}

Arrays 

배열은 요소의 모음입니다.

JavaScript의 배열은 자체적으로 유형이 아닙니다.

배열은 객체입니다.

다음 두 가지 방법으로 빈 배열을 초기화 할 수 있습니다.

const a = []
const a = Array()

첫 번째는 배열 리터럴 구문을 사용하는 것입니다. 두 번째는 Array 내장 기능을 사용합니다.

이 구문을 사용하여 배열을 미리 채울 수 있습니다.

const a = [1, 2, 3]
const a = Array.of(1, 2, 3)

배열은 다른 유형의 값을 포함한 모든 값을 보유 할 수 있습니다.

const a = [1, 'Flavio', ['a', 'b']]

배열에 배열을 추가 할 수 있기 때문에 매우 유용한 응용 프로그램 (예 : 행렬)이 있는 다차원 배열을 만들 수 있습니다.

const matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
]

matrix[0][0] //1
matrix[2][0] //7

0부터 시작하는 색인을 참조하여 배열의 모든 요소에 액세스 할 수 있습니다.

a[0] //1
a[1] //2
a[2] //3

이 구문을 사용하여 값 집합으로 새 배열을 초기화 할 수 있습니다.이 구문은 먼저 12 개의 요소 배열을 초기화하고 각 요소를 숫자 0으로 채 웁니다.

Array(12).fill(0)

length 속성을 확인하여 배열의 요소 수를 얻을 수 있습니다.

const a = [1, 2, 3]
a.length //3

배열의 길이를 설정할 수 있습니다. 어레이의 현재 용량보다 큰 수를 할당하면 아무 일도 일어나지 않습니다. 더 작은 숫자를 할당하면 해당 위치에서 배열이 잘립니다.

const a = [1, 2, 3]
a //[ 1, 2, 3 ]
a.length = 2
a //[ 1, 2 ]

배열에 항목을 추가하는 방법 

push() 메서드를 사용하여 배열 끝에 요소를 추가 할 수 있습니다.

a.push(4)

unshift() 메소드를 사용하여 배열의 시작 부분에 요소를 추가 할 수 있습니다.

a.unshift(0)
a.unshift(-2, -1)

배열에서 항목을 제거하는 방법 

pop() 메서드를 사용하여 배열 끝에서 항목을 제거 할 수 있습니다.

a.pop()

shift() 메서드를 사용하여 배열의 시작 부분에서 항목을 제거 할 수 있습니다.

a.shift()

둘 이상의 배열을 결합하는 방법 

concat()을 사용하여 여러 배열을 결합 할 수 있습니다.

const a = [1, 2]
const b = [3, 4]
const c = a.concat(b) //[1,2,3,4]
a //[1,2]
b //[3,4]

이런 식으로 스프레드 연산자 (...)를 사용할 수도 있습니다.

const a = [1, 2]
const b = [3, 4]
const c = [...a, ...b]
c //[1,2,3,4]

배열에서 특정 항목을 찾는 방법 

배열의 find() 메소드를 사용할 수 있습니다 :

a.find((element, index, array) => {
  //return true or false
})

true를 리턴하는 첫 번째 항목을 리턴하고 요소를 찾을 수 없는 경우 undefined를 리턴합니다.

일반적으로 사용되는 구문은 다음과 같습니다.

a.find(x => x.id === my_id)

위의 줄은 배열에서 id === my_id 인 첫 번째 요소를 반환합니다.

findIndex()는 find ()와 유사하게 작동하지만 true를 리턴하는 첫 번째 항목의 색인을 리턴하며, 발견되지 않으면 undefined를 리턴합니다.

a.findIndex((element, index, array) => {
  //return true or false
})

또 다른 방법은 contains()입니다.

a.includes(value)

값이 포함되어 있으면 true를 반환합니다.

a.includes(value, i)

위치 i 뒤에 값이 포함되어 있으면 true를 반환합니다.

Strings 

문자열은 일련의 문자입니다.

따옴표 나 큰 따옴표로 묶은 문자열 리터럴로 정의 할 수도 있습니다.

'A string'
"Another string"

개인적으로 항상 작은 따옴표를 선호하고 속성을 정의하기 위해 HTML에서만 큰 따옴표를 사용합니다.

다음과 같이 변수에 문자열 값을 할당합니다 :

const name = 'Flavio'

length 속성을 사용하여 문자열의 길이를 결정할 수 있습니다.

'Flavio'.length //6
const name = 'Flavio'
name.length //6

이것은 빈 문자열입니다 : ''. 길이 속성은 0입니다.