문서의 선택한 두 판 사이의 차이를 보여줍니다.
| javascript:handbook [2019/07/27 04:19] – [Quotes] taekgu | javascript:handbook [2025/04/15 10:05] (현재) – 바깥 편집 127.0.0.1 | ||
|---|---|---|---|
| 줄 307: | 줄 307: | ||
| 이 의미는 '' | 이 의미는 '' | ||
| - | '' | + | '' |
| 앞으로 나아갈 자바스크립트에서, | 앞으로 나아갈 자바스크립트에서, | ||
| 줄 1629: | 줄 1629: | ||
| </ | </ | ||
| - | <WRAP left round important 60%> | + | <code javascript> |
| const multilineString = `A string | const multilineString = `A string | ||
| on multiple lines` | on multiple lines` | ||
| - | </WRAP> | + | </code> |
| '' | '' | ||
| 줄 1639: | 줄 1639: | ||
| on ${1+1} lines` | on ${1+1} lines` | ||
| </ | </ | ||
| - | + | ===== Template Literals | |
| - | ==== Template Literals ==== | + | |
| ES2015, ES6에서 소개 된 Template Literals는 문자열을 선언하는 새로운 방법을 제공하지만 이미 널리 보급 된 몇 가지 새로운 흥미로운 구문을 제공합니다. | ES2015, ES6에서 소개 된 Template Literals는 문자열을 선언하는 새로운 방법을 제공하지만 이미 널리 보급 된 몇 가지 새로운 흥미로운 구문을 제공합니다. | ||
| 템플릿 리터럴은 새로운 ES2015 / ES6 기능으로 ES5 이하와 비교하여 참신한 방법으로 문자열로 작업 할 수 있습니다. | 템플릿 리터럴은 새로운 ES2015 / ES6 기능으로 ES5 이하와 비교하여 참신한 방법으로 문자열로 작업 할 수 있습니다. | ||
| 첫눈에 구문은 매우 간단합니다. 작은 따옴표 나 큰 따옴표 대신 백틱을 사용하십시오. | 첫눈에 구문은 매우 간단합니다. 작은 따옴표 나 큰 따옴표 대신 백틱을 사용하십시오. | ||
| - | <code javascript> | + | <code javascript> |
| 그들은 일반적인 문자열이 따옴표로 작성된 많은 기능을 제공하기 때문에 고유합니다. | 그들은 일반적인 문자열이 따옴표로 작성된 많은 기능을 제공하기 때문에 고유합니다. | ||
| * 여러 줄을 정의하는 훌륭한 구문을 제공합니다. | * 여러 줄을 정의하는 훌륭한 구문을 제공합니다. | ||
| 줄 1650: | 줄 1649: | ||
| * 템플릿 태그로 DSL을 만들 수 있습니다. | * 템플릿 태그로 DSL을 만들 수 있습니다. | ||
| - | === Multiline strings === | + | ==== Multiline strings |
| Pre-ES6, 두 줄에 걸쳐있는 문자열을 만들려면 줄 끝에 '' | Pre-ES6, 두 줄에 걸쳐있는 문자열을 만들려면 줄 끝에 '' | ||
| <code javascript> | <code javascript> | ||
| 줄 1677: | 줄 1676: | ||
| is awesome!` | is awesome!` | ||
| </ | </ | ||
| - | === Interpolation(보간법) === | + | ==== Interpolation(보간법) |
| 템플릿 리터럴은 변수와 표현식을 문자열로 쉽게 삽입 할 수있는 방법을 제공합니다. | 템플릿 리터럴은 변수와 표현식을 문자열로 쉽게 삽입 할 수있는 방법을 제공합니다. | ||
| '' | '' | ||
| 줄 1690: | 줄 1689: | ||
| </ | </ | ||
| - | === Template tags === | + | ==== Template tags ==== |
| 태그가 추가 된 템플릿은 처음에는 덜 유용하게 들릴 수 있지만, __Styled Components__ 나 __Apollo__, __GraphQL__ 클라이언트/ | 태그가 추가 된 템플릿은 처음에는 덜 유용하게 들릴 수 있지만, __Styled Components__ 나 __Apollo__, __GraphQL__ 클라이언트/ | ||
| Styled Components에서 템플릿 태그는 CSS 문자열을 정의하는 데 사용됩니다. | Styled Components에서 템플릿 태그는 CSS 문자열을 정의하는 데 사용됩니다. | ||
| 줄 1754: | 줄 1753: | ||
| </ | </ | ||
| - | ==== JavaScript Functions ==== | + | ===== JavaScript Functions |
| 이제는 일반적인 개요에서부터 사용법을 개선하는 작은 세부 사항에 이르기까지 모든 기능에 대해 배우게됩니다. | 이제는 일반적인 개요에서부터 사용법을 개선하는 작은 세부 사항에 이르기까지 모든 기능에 대해 배우게됩니다. | ||
| 자바 스크립트의 모든 기능은 함수에서 발생합니다. | 자바 스크립트의 모든 기능은 함수에서 발생합니다. | ||