728x90 js10 [JavaScript] 템플릿 리터럴(Template Literal) 템플릿 리터럴(Template Literal)은 내장된 표현식을 허용하는 문자열 리터럴입니다. ES6부터 새로 도입되었으며, 따옴표가 아닌 백틱(`)을 사용합니다. 이번 글에서는 템플릿 리터럴의 특징과 기능에 대해서 설명하겠습니다. ① 여러 줄 문자열 일반 문자열과 직관적으로 다르게 느껴지는 특징 중 하나는 여러 줄인 문자열을 작성할 때의 편리함입니다. 일반적인 문자열에서 여러 줄인 문자열을 작성한다면, 백슬래쉬를 통해 줄 바꿈을 뜻하는 \n을 사용해야 합니다. console.log("Line number 1\n" + "Line number 2"); // Without template literal 하지만 템플릿 리터럴을 사용한다면, 작성된 코드에서의 줄바꿈이 그대로 결과로 표시됩니다. 앞서 나온 코드는.. 2023. 8. 7. [JavaScript] \을 사용한 이스케이프 시퀀스 JavaScript에서도 역슬래시(\) 문자를 통해서 특수문자나 입력 불가능한 문자들을 표현합니다. 이러한 표현 방법을 이스케이프 시퀀스(Escape Sequence)라고 합니다. 다음은 유형별로 정리한 이스케이프 시퀀스의 예시들입니다. 1) 화이트 스페이스코드\n\t\v\f출력개행(줄바꿈)수평 탭수직 탭폼 피드(페이지 나누기) 2) 특수문자특수문자들은 단순히 역슬래시를 앞에 붙이게 되면 해당 특수문자를 표현하게 됩니다. [예시] \^, \$, \\, \', \", \|, \/※ JavaScript에서는 작은따옴표 문자열과 큰따옴표 문자열을 구분하지 않습니다. 따라서 모든 이스케이프 문자는 작은따옴표나 큰따옴표 상관없이 작동합니다. 3) 유니코드 문자이스케이프 시퀀스를 통해서 16.. 2023. 6. 26. [JavaScript] =, ==, === 차이 이번 글에서는 비슷하게 생긴 3가지 연산자 ① =, ② ==, ③ ===에 대해서 소개하겠습니다. ① = 연산자 (대입 연산자) = 연산자는 다른 프로그래밍 언어에서 사용되는 것과 같이 대입 연산자로 사용됩니다. 변수에 값을 저장하기 위해서 사용하며, = 연산자를 연속으로 사용해서 같은 값을 여러 개의 변수에 저장할 수 있습니다. let x = 5; let y = 10; let z = x * y; // z is 50 x = y = z; // x, y and z are all 50 ② == 연산자 (동등 연산자) == 연산자는 두 피연산자를 비교하여 불리언 값을 반환하는 동등 연산자입니다. 자바스크립트에서 == 연산자의 특징은 피연산자의 형 변환(Type Coercion)을 수행한다는 점입니다. 문자열 '.. 2023. 6. 22. [JavaScript] var, let, const 키워드 차이 JavaScript에서 변수를 선언할 때 사용할 수 있는 키워드로는 ① var, ② let, ③ const가 있습니다. ① var 키워드 ES6이 발표되기 전까지는 var 키워드를 사용해서 변수를 선언하는 것이 일반적이었습니다. var 키워드는 크게 3가지 특징을 가지고 있습니다. 1) var 키워드는 함수 레벨 스코프를 가지고 있기 때문에, 변수가 함수 외부에서 선언되었다면 무조건 전역 변수가 됩니다. var ex_global = "Global Scope Variable"; function newFunction() { var ex_func = "Function Scope Variable"; } console.log(ex_func); // error: ex_func is not defined 2) 변수의.. 2023. 6. 20. 이전 1 2 다음 반응형
