[코딩 자율학습 HTML + CSS + 자바스크립트] 3. 자바스크립트로 웹 동작 구현하기- "8장 자바스크립트 시작하기"

My Study/서적 공부

handbefore 2024. 7. 22. 22:24

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 확장 프로그램 활용

2. 주석

① 한줄 주석은 //기호 (슬래시 2개)로 작성

// 한줄 주석은 //기호 (슬래시 2개)로 작성

② 여러 줄 주석은 /* 기호와 */ 기호 사이에 작성

/*
	자바스크립트는 여러 줄 주석도
         간단하게 처리할 수 있습니다.
*/

3. 오류 확인 방법

자바스크립트 코드가 한 번에 한 줄씩 실행되는 인터프리터의 기반의 언어. 그래서 오류가 발생하면 그 즉시 실행을 멈추고 오류 메시지와 오류가 발생한 줄 번호를 웹 브라우저의 콘솔창에 출력. 모든 오류 관련 메시지는 웹 브라우저의 콘솔창에서 확인 가능.

출처

코딩 자율학습 HTML + CSS + 자바스크립트

기초부터 반응형 웹까지 초보자를 위한 웹 개발 입문서