DOM, console, alert 등 출력 대상의 차이를 배웁니다.
textContent는 페이지 내용을 안전하게 바꾸고 console.log는 개발자 확인용 기록을 남깁니다. alert는 흐름을 막기 때문에 꼭 필요한 사용자 알림이 아니면 화면 UI를 사용하는 편이 좋습니다.
코드를 읽을 때는 element.textContent = value; console.log(value); 부분부터 찾으세요. 현재 값과 실행 순서를 줄마다 적어 보면 문법을 외우지 않아도 결과를 예측할 수 있습니다.
실행하기 전에 예상 결과를 짧게 적은 뒤 message를 숫자 계산 결과로 바꾸고 콘솔도 확인하세요. 실제 출력이 다르면 콘솔에 처음 나타난 오류와 그 직전 값을 차례로 확인하세요.
document.write는 문서 로드 후 호출하면 기존 페이지를 지울 수 있어 현대 UI 출력에 적합하지 않습니다.
직접 바꿔보세요message를 숫자 계산 결과로 바꾸고 콘솔도 확인하세요.