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