GaramX

사용자 도구

사이트 도구

현재 위치: home » javascript » handbook
추적: • first
javascript:handbook

차이

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

차이 보기로 링크

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

문서 도구