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