템플릿 리터럴
Coddy JavaScript 여정의 논리 & 흐름 섹션에 포함된 레슨 — 65개 중 3번째.
템플릿 리터럴은 문자열을 생성하기 위해 백틱 ``을 사용하며, ${}를 사용하여 표현식을 삽입할 수 있게 해줍니다. 예를 들어, 인사말을 만들 때 이름이나 다른 데이터를 템플릿 리터럴에 직접 동적으로 삽입할 수 있습니다.
예시:
const userName = "Sam";
const message = `Welcome, ${userName}!`;
// 문자열 안에 userName을 삽입합니다템플릿 리터럴은 또한 \n 이스케이프 문자 없이도 여러 줄 문자열을 지원합니다. 단순히 Enter 키를 눌러 줄을 바꿀 수 있으며, 줄 바꿈은 출력에 그대로 유지됩니다. 두 방식 모두 작동합니다:
// \n 사용
const message1 = `Line 1\nLine 2`;
// 실제 줄 바꿈 사용
const message2 = `Line 1
Line 2`;둘 다 동일한 결과를 생성합니다
챌린지
쉬움이름 배열을 인자로 받아 하나의 문자열을 반환하는 greetAll이라는 이름의 함수를 만드세요. 배열의 각 이름은 Hello, <Name>! 형식의 줄을 생성해야 하며, 각 줄은 줄바꿈 문자로 구분되어 하나의 문자열로 합쳐져야 합니다. 인사말 줄에는 템플릿 리터럴을 사용하세요.
치트 시트
템플릿 리터럴은 백틱 ``을 사용하여 문자열을 생성하며, ${}를 사용하여 표현식을 삽입할 수 있습니다:
const userName = "Sam";
const message = `Welcome, ${userName}!`;
// 문자열 내부에 userName을 삽입합니다템플릿 리터럴은 \n 이스케이프 문자 없이도 여러 줄 문자열을 지원합니다:
// \n 사용
const message1 = `Line 1\nLine 2`;
// 실제 줄 바꿈 사용
const message2 = `Line 1
Line 2`;
// 둘 다 동일한 결과를 생성합니다직접 해보기
function greetAll(names) {
// 여기에 코드를 작성하세요
}
// 함수 외부에는 아무것도 작성하지 마세요
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
