차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

--- javascript:handbook [2019/07/27 03:01] – [Expressions(표현식)] taekgu
+++ javascript:handbook [2025/04/15 10:05] (현재) – 바깥 편집 127.0.0.1
@@ 줄 307: / 줄 307: @@
 이 의미는 ''for''반복문에서, ''if''문 안에서, 또는 블럭에서 ''let''에 의한 변수선언이 블럭의 "범위밖"에서는 그 변수를 사용할 수 없고, ''var''들은 함수정의로 감아 올려진다.
-''const''는 ''let''과 우사하지만, ''**immutable**''(''**불변의**'')이다.
+''const''는 ''let''과 유사하지만, ''**immutable**''(''**불변의**'')이다.
 앞으로 나아갈 자바스크립트에서, 너는 더 이상 ''var''선언을 거의 보지 않고 ''let''과 ''const''만 보게될 것이다.
@@ 줄 1323: / 줄 1323: @@
 </code>
-==== Prototypal Inheritance ====
+===== Prototypal Inheritance =====
 JavaScript는 프로토타입 상속을 사용하기 때문에 인기있는 프로그래밍 언어 환경에서 매우 독특합니다. 그게 무슨 뜻인지 알아 보겠습니다.
@@ 줄 1385: / 줄 1385: @@
 이 경우 Array.isPrototypeOf (list)는 false이고 Array.prototype.isPrototypeOf (list)는 true입니다.
-==== Classes ====
+===== Classes =====
-년에 ECMAScript 6(ES6) 표준에 classes을 도입했습니다.
+년에 ECMAScript 6(ES6) 표준에 class을 도입했습니다.
 그 전에 JavaScript에는 상속을 구현하는 고유한 방법만 있었습니다. 필자의 견해로는 프로토타입 상속은 다른 유명한 프로그래밍언어와 달랐습니다.
 Java 또는 Python이나 다른 언어에서 온 사람들은 프로토타입 상속의 복잡성을 이해하기가 어려웠으므로 ECMAScript위원회는 구문 설탕을 그 위에 소개하고 다른 대중적인 구현에서 클래스 기반 상속이 어떻게 작동하는지를 결정했습니다.
@@ 줄 1470: / 줄 1470: @@
 setter 만 있으면 값을 변경할 수는 있지만 외부에서 액세스 할 수는 없습니다.
-==== Exceptions ====
+===== Exceptions =====
 코드가 예기치 않은 문제에 빠지면 이러한 상황을 처리할 수 있는 관용적인 자바스크립트방법은 예외를 통해 이루어집니다.
@@ 줄 1528: / 줄 1528: @@
 내부 try에서 예외가 발생하면 외부 catch 블록에서 처리됩니다.
-==== Semicolons ====
+===== Semicolons =====
 JavaScript 세미콜론은 선택 사항입니다. 필자는 개인적으로 코드에서 세미콜론을 사용하지 않으려하지만 많은 사람들이 선호합니다.
 JavaScript의 세미콜론은 커뮤니티를 나눕니다. 어떤 사람들은 무엇이든 항상 그들을 사용하는 것을 선호합니다. 다른 이들은 그들을 피하기를 좋아합니다.
@@ 줄 1612: / 줄 1612: @@
 궁극적으로 항상 코드를 테스트하여 원하는대로 작동하는지 확인하십시오.
-==== Quotes ====
+===== Quotes =====
 이제 JavaScript 및 고유 기능에서 허용되는 인용문을 살펴 보겠습니다.
 자바 스크립트를 사용하면 세 가지 유형의 따옴표를 사용할 수 있습니다.
-  * 작은 따옴표[']
+  * 작은 따옴표['] - single quotes
-  * 큰 따옴표["]
+  * 큰 따옴표["] - double quotes
-  * 역습[`]
+  * 역따옴표[`] - backticks
-==== Template Literals ====
+<code javascript>
+const test = 'test'
+const test = 'te\'st'
+const test = 'te"st'
+const test = "te\"st"
+const test = "te'st"
+const multilineString = 'A string\non multiple lines'
+</code>
+<code javascript>
+const multilineString = `A string
+on multiple lines`
+</code>
+''${}''구문을 사용하여 변수를 보간할 수 있다.
+<code javascript>
+const multilineString = `A string
+on ${1+1} lines`
+</code>
+===== Template Literals =====
 ES2015, ES6에서 소개 된 Template Literals는 문자열을 선언하는 새로운 방법을 제공하지만 이미 널리 보급 된 몇 가지 새로운 흥미로운 구문을 제공합니다.
 템플릿 리터럴은 새로운 ES2015 / ES6 기능으로 ES5 이하와 비교하여 참신한 방법으로 문자열로 작업 할 수 있습니다.
 첫눈에 구문은 매우 간단합니다. 작은 따옴표 나 큰 따옴표 대신 백틱을 사용하십시오.
-<code javascript>const a_string = `something`
+<code javascript>const a_string = `something`</code>
 그들은 일반적인 문자열이 따옴표로 작성된 많은 기능을 제공하기 때문에 고유합니다.
   * 여러 줄을 정의하는 훌륭한 구문을 제공합니다.
@@ 줄 1629: / 줄 1649: @@
   * 템플릿 태그로 DSL을 만들 수 있습니다.
-=== Multiline strings ===
+==== Multiline strings ====
 Pre-ES6, 두 줄에 걸쳐있는 문자열을 만들려면 줄 끝에 ''\'' 문자를 사용해야합니다.
 <code javascript>
@@ 줄 1656: / 줄 1676: @@
 is awesome!`
 </code>
-=== Interpolation(보간법) ===
+==== Interpolation(보간법) ====
 템플릿 리터럴은 변수와 표현식을 문자열로 쉽게 삽입 할 수있는 방법을 제공합니다.
 ''${...}'' 구문을 사용하면 이렇게 할 수 있습니다.
@@ 줄 1669: / 줄 1689: @@
 </code>
-=== Template tags ===
+==== Template tags ====
 태그가 추가 된 템플릿은 처음에는 덜 유용하게 들릴 수 있지만, __Styled Components__ 나 __Apollo__, __GraphQL__ 클라이언트/서버 라이브러리와 같이 인기있는 많은 라이브러리에서 실제로 사용됩니다. 따라서 어떻게 작동하는지 이해하는 것이 필수적입니다.
 Styled Components에서 템플릿 태그는 CSS 문자열을 정의하는 데 사용됩니다.
@@ 줄 1733: / 줄 1753: @@
 </code>
-==== JavaScript Functions ====
+===== JavaScript Functions =====
 이제는 일반적인 개요에서부터 사용법을 개선하는 작은 세부 사항에 이르기까지 모든 기능에 대해 배우게됩니다.
 자바 스크립트의 모든 기능은 함수에서 발생합니다.

GaramX

사용자 도구

사이트 도구

차이

문서 도구