더북(TheBook)

3.4 { } 표현식

위 예제 코드의 HTML 블록에 <h1>Hello {name}!</h1> 코드의 {name}은 스벨트 템플릿 문법입니다. 스크립트 블록 안 let으로 선언된 name 변수의 값을 치환하여 화면으로 볼 수 있게 해줍니다.

스벨트는 별다른 코드 없이 이 문법만으로, name 값이 변경되면 돔 또한 자동으로 업데이트합니다. 이런 동작이 런타임이 아니라 컴파일(빌드) 시점에 결정되어 높은 성능을 보장합니다. 표현식에 들어갈 내용은 4장 템플릿 기본 표현식에서 자세히 설명하겠습니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.