더북(TheBook)

위 코드에서 문자열을 출력할 때 큰따옴표나 작은따옴표 대신 백틱(`)을 사용했습니다. 백틱 문자열 안에 ${변수 or 표현식}을 사용하면 변수의 값 또는 간단한 연산 결괏값을 포함하여 출력할 수 있습니다.

다음 두 줄의 코드는 같은 결과를 출력합니다.

백틱과 따옴표
console.log(`count는 ${count}입니다`);
console.log("count는 " + count + "입니다`);

위 코드에서 $:는 센서입니다. 센서 뒤에 코드가 위치하는 데 이 코드 안에 반응형 변수(count)가 포함된 실행 코드가 있어야 합니다. 즉, 센서는 count의 변화를 감지해서 $: 뒤에 작성한 코드를 실행하게 됩니다. 위 코드에서는 console.log 함수를 이용하여 count 값을 콘솔에 출력하는 코드입니다.

여기까지 작성하고 콘솔을 확인해보면 다음과 같이 콘솔에서 count 값을 볼 수 있습니다.

▲ 그림 5-3 REPL 콘솔 결과

반응형 변수 선언과 동시에 10을 할당했으므로 최초 할당에 의한 트리거가 발행하여 센서가 감지하고 그에 따라 코드가 동작했습니다. 할당을 조금 더 자세히 알아보겠습니다.

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