[코딩 자율학습 HTML + CSS + 자바스크립트] 3. 자바스크립트로 웹 동작 구현하기- "8장 자바스크립트 시작하기"
8.1 자바스크립트 코드 작성 방법
1. 자바스크립트 코드 작성 방법
① 자바스크립트를 웹 브라우저에 적용하는 방법은 크게 2가지
-내부 스크립트 방법(internal script): HTML 문서 안에서 script 태그의 콘텐츠 영역에 자바스크립트 코드를 작성하는 방법
<body>
<script>
document.write("내부 스크립트 방법");
</script>
</body>
-외부 스크립트 방법(external script): 별도의 js 확장자 파일을 만들어 자바스크립트 코드를 작성하고 이 파일을 HTML 문서에 script 태그로 연결하는 방법
document.write("외부 스크립트 방법");
-script 태그의 사용 위치: script 태그는 웹 브라우저에 화면이 표시되는 것에 영향을 미치지 않도록 body 태그가 끝나기 전에 사용.
<body>
<!-- 외부 스크립트 -->
<script src="script.js"></script>
<!-- 내부 스크립트 -->
<script></script>
</body>
② 자바스크립트를 단순히 실행할 목적이라면 다음과 같은 방법 사용
-웹 브라우저 개발자 도구에서 지원하는 콘솔창 활용
-VSCode의 Code Runner 확장 프로그램 활용
8.2 프로그래밍 시작 전 알아두기
2. 주석
① 한줄 주석은 //기호 (슬래시 2개)로 작성
// 한줄 주석은 //기호 (슬래시 2개)로 작성
② 여러 줄 주석은 /* 기호와 */ 기호 사이에 작성
/*
자바스크립트는 여러 줄 주석도
간단하게 처리할 수 있습니다.
*/
3. 오류 확인 방법
자바스크립트 코드가 한 번에 한 줄씩 실행되는 인터프리터의 기반의 언어. 그래서 오류가 발생하면 그 즉시 실행을 멈추고 오류 메시지와 오류가 발생한 줄 번호를 웹 브라우저의 콘솔창에 출력. 모든 오류 관련 메시지는 웹 브라우저의 콘솔창에서 확인 가능.
출처
https://www.gilbut.co.kr/book/view?bookcode=BN003377
코딩 자율학습 HTML + CSS + 자바스크립트
기초부터 반응형 웹까지 초보자를 위한 웹 개발 입문서
www.gilbut.co.kr