자바스크립트 코드는 어디에 작성하나요?
자바스크립트(JavaScript)는 <script>...</script> 태그 사이에 자바스크립트 문장을 배치하여 웹 페이지에서 구현할 수 있습니다.
<script> 태그는 웹 페이지 내 어디에든 위치할 수 있지만, 일반적으로는 <head> 태그 안에 두는 것이 권장됩니다. 이렇게 하면 페이지가 로드되기 전에 스크립트가 먼저 해석되어 예상치 못한 동작을 방지할 수 있습니다.
Hello World 출력 예제
가장 기본적인 예제인 "Hello World"를 화면에 출력해 보겠습니다. 아래 코드에는 자바스크립트 코드를 감싸는 선택적인 HTML 주석이 추가되어 있습니다. 이는 자바스크립트를 지원하지 않는 구형 브라우저에서 코드가 그대로 노출되는 것을 막기 위한 장치입니다. 주석은 "//-->"로 끝납니다.
여기서 "//"는 자바스크립트에서 한 줄 주석을 의미합니다. 이 주석을 붙이는 이유는 브라우저가 HTML 주석의 끝 부분("-->")을 자바스크립트 코드로 잘못 해석하지 않도록 하기 위함입니다.
다음으로 document.write 함수를 호출합니다. 이 함수는 괄호 안에 전달된 문자열을 현재 HTML 문서에 그대로 출력하는 역할을 합니다.
<html>
<body>
<script>
<!--
document.write("Hello World!")
//-->
</script>
</body>
</html>참고: 현대적인 대안
위의 HTML 주석 처리 방식은 오래된 브라우저를 위한 것으로, 요즘 브라우저에서는 더 이상 필요하지 않습니다. 또한 실무에서는 문서를 직접 수정하는 document.write보다 console.log()로 콘솔에 출력하거나, innerHTML, textContent 등을 사용해 특정 HTML 요소에 내용을 삽입하는 방식이 권장됩니다.