자바스크립트의 자료형
자바스크립트는
기본 타입(primitive type)과
참조 타입(reference type)으로 자료형을 구분합니다.
기본 타입
| 종류 | 예시 |
|---|---|
| 문자열(String) | "Hello", ‘Hello’ |
| 숫자(Number) | 42, -5, 3.14 |
| 논리형(Boolean) | true, false |
| 정의되지 않음(Undefined) | undefined |
| 값이 없음(Null) | null |
- 더 이상 단순화하거나 변경할 수 없기 때문에 원시 타입이라고도 부릅니다.
문자열
- 문자열은 작은따옴표( ' ' ) 또는 큰따옴표( " " )로 표현됩니다.
const str1 = 'Hello';
const str2 = "Hello";템플릿 리터럴(template literal)
- 문자열 내에서 변수를 삽입하기 위해 백틱( ` , backtick)을 사용하는 템플릿 리터럴 방식을 활용할 수 있습니다.
- 백틱으로 문자열 전체를 감싸고, 변수는 ${}로 감싸서 구분합니다.
- 템플릿 리터럴을 사용하면 복잡한 문자열 연결 작업을 간결하게 처리할 수 있습니다.
⚠️ 키보드에서 백틱은 어디에?
백틱과 작은따옴표는 생긴 것은 유사하나 다른 기호이므로 작은따옴표를 통해 백틱을 입력할 수 없습니다.
백틱 기호는 숫자 1번 키 왼쪽에 위치합니다.
키보드에 백틱이 없는 경우, 영문으로 전환된 상태에서 ₩ 키를 누르면 백틱을 입력할 수 있습니다.
// 템플릿 리터럴을 사용하지 않은 경우
const month = 12;
const day = 25;
const anni = '크리스마스';
console.log(month + '월 ' + day + '일은 ' + anni +'입니다.'); // 결과
12월 25일은 크리스마스입니다.
// 템플릿 리터럴을 사용한 경우const month = 12;
const day = 25;
const anni = '크리스마스';
console.log(`${month}월 ${day}일은 ${anni}입니다.`); // 결과
12월 25일은 크리스마스입니다.- 백틱을 사용하면 줄 바꿈과 공백도 쉽게 표현할 수 있습니다.
const song = `동해 물과 백두산이 마르고 닳도록
하느님이 보우하사 우리나라 만세`;
console.log(song); // 결과
동해 물과 백두산이 마르고 닳도록
하느님이 보우하사 우리나라 만세연습문제
할인 행사 안내 문구를 출력하려고 합니다. 코드를 완성해 주세요.
const price = "$4";
const salePrice = "$1";
const promotion = "Bargain Sale";
console.log((__1__)(__2__){promotion} 세일 기간을 맞아서 원래 ${price}였던 물품을 ${salePrice}라는 특가에 드립니다!`);
MOOOMENT