능동적으로 console.log를 호출한 부분은 어디에도 없습니다. 선언되어 있던 센서의 코드가 자동으로 실행됐죠. 우리가 작성한 코드에 반응성 그림을 적용해보면 다음과 같습니다.

▲ 그림 5-5 코드 내 반응성 정리

위 코드의 동작 순서를 정리해보면 다음과 같습니다.

1. addCount 함수 내 할당 연산으로 트리거가 발동했습니다.

2. 할당 트리거로 count의 변화가 센서($:)에 의해 감지되었습니다.

3. 센서 감지 후, 동작 코드에 따라 콘솔에 메시지를 출력했습니다.

스벨트의 반응성 코드 작성이 처음에는 생소할 수 있습니다. 그러면 이렇게 생각해보세요.

센서 코드 속에 반응형 변수가 있으면 된다. 변숫값(데이터)이 변하면 스벨트가 알아서 센서 코드를 호출해준다!

너무 쉽죠?