JavaScript에서 Tagged Template Literal의 동작 원리로 올바른 것은?

Q: JavaScript에서 Tagged Template Literal의 동작 원리로 올바른 것은?

템플릿 리터럴 앞에 함수를 배치하면, 문자열 조각과 표현식 값이 그 함수의 인자로 전달된다 Tagged Template은 func`Hello ${name}`처럼 함수 이름 뒤에 백틱 템플릿을 붙이면, 함수가 문자열 부분의 배열과 보간된 값들을 개별 인자로 받습니다. XSS 방지를 위한 HTML 이스케이프, CSS-in-JS(styled-components), 국제화(i18n), GraphQL 쿼리(gql) 등에서 널리 활용됩니다.

어려움 MDN Web Docs

보기 및 정답

A 템플릿 리터럴 앞에 함수를 배치하면, 문자열 조각과 표현식 값이 그 함수의 인자로 전달된다

B HTML 태그를 자동으로 생성하여 DOM에 삽입하는 브라우저 내장 기능이다

C 문자열의 모든 문자를 개별적으로 암호화하여 보안이 강화된 문자열 객체를 반환한다

D 정규 표현식 패턴을 생성하여 문자열 매칭에 사용할 수 있는 RegExp 객체를 반환하는 것이 일반적이다

해설

Tagged Template은 func`Hello ${name}`처럼 함수 이름 뒤에 백틱 템플릿을 붙이면, 함수가 문자열 부분의 배열과 보간된 값들을 개별 인자로 받습니다. XSS 방지를 위한 HTML 이스케이프, CSS-in-JS(styled-components), 국제화(i18n), GraphQL 쿼리(gql) 등에서 널리 활용됩니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

로그인

추가 정보 입력

회원가입

비밀번호 찾기

JavaScript에서 Tagged Template Literal의 동작 원리로 올바른 것은?

해설

코딩, 제대로 배우고 싶다면?

관련 문제

모두를 위한 진짜 쎈 바이브코딩