더북(TheBook)

이런 이벤트가 발생할 때는 순서도를 끊어 주는 것이 좋습니다. 일반적으로 순서도는 흐름을 표현하는 것이라 시작부터 끝까지 끊기지 않지만, 이 책에서는 순서도를 바탕으로 프로그램을 구현하므로 순서도를 프로그램 구현에 적합한 형태로 변형합니다. 주로 프로그램이 대기하는 경우에 순서도를 끊습니다. 이렇게 대기하는 경우는 보통 이벤트 발생을 기다리거나 타이머의 콜백 함수가 실행되길 기다리는 상황입니다. 그리고 이벤트 리스너나 타이머는 대표적인 자바스크립트 비동기 코드입니다. 즉, 비동기 코드가 실행될 때를 기점으로 순서도를 끊는다고 생각해도 됩니다.

이를 반영해 순서도를 다음과 같이 수정합니다. 참가자가 단어를 입력하면 input 이벤트가 발생하고, 입력 버튼을 클릭하면 click 이벤트가 발생하며 순서도의 입력 버튼 클릭 부분이 실행됩니다.

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