터치이벤트가 잘 들어오는지 확인해보았다.

input요소에 touch이벤트 핸들러를 등록해 스테이트를 변경하려고 했지만 원하는 결과를 얻을 수가 없었다. 문제를 해결하기 위해 이벤트 핸들러가 잘 호출되는지 확인하기 위해서는 콘솔을 찍어봐야 되는데 모바일 브라우저에서는 어떻게 처리하지? 라는 생각이 들었다. 우선은 console.log() 대신에 window객체의 alert메서드를 사용해서 알림창이 뜨는지 확인해보았다. 그리고는 데스크탑과 실제 모바일 기기에서 로컬 호스트로 접속해 이벤트를 발생시켰고 화면에 뜬 알림창을 통해 이벤트가 잘 캡처됐다는 사실을 알 수 있었다.

그렇다면 다음으로 할 작업은 터치 이벤트가 발생할 때 현재의 인풋 값을 가져와서 점수 스테이트를 어떻게 업데이트할 것인가이다. 클릭이벤트만 처리했을 때는 e.target.value로 현재의 값을 가져왔는데 터치이벤트는 디폴트값과 바뀐 값을 구분해서 처리해줘야 될 것 같다. 어제부터 터치 기능을 추가하기 위해서 많이 헤맸는데 오늘 조금 길이 보이는 것 같다. 내일 좀 더 개선해봐야지!