게으른 나에게

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

My Study/서적 공부

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

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

 

8.2 프로그래밍 시작 전 알아두기

2. 주석

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

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

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

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

 

3. 오류 확인 방법

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

 

 

 

 

 

출처

https://www.gilbut.co.kr/book/view?bookcode=BN003377

 

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

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

www.gilbut.co.kr

 

'My Study > 서적 공부' 카테고리의 다른 글

[코딩 자율학습 HTML + CSS + 자바스크립트] 3. 자바스크립트로 웹 동작 구현하기- "10장 자바스크립트 함수 다루기"  (2) 2024.07.24
[코딩 자율학습 HTML + CSS + 자바스크립트] 3. 자바스크립트로 웹 동작 구현하기- "9장 자바스크립트 기초 문법 살펴보기"  (3) 2024.07.22
[코딩 자율학습 HTML + CSS + 자바스크립트] 2. CSS로 웹 페이지 꾸미기 - "7장 효과적인 레이아웃을 위한 CSS 속성 다루기"  (1) 2024.07.22
[Do it! 한권으로 끝내는 웹 기본 교과서 HTML+CSS+자바스크립트 웹 표준의 정석] "CSS-셋째마당: 09.이미지와 그러데이션 효과로 배경 꾸미기"  (0) 2024.07.21
[코딩 자율학습 HTML + CSS + 자바스크립트] 2. CSS로 웹 페이지 꾸미기 - "6장 CSS 필수 속성 다루기"  (1) 2024.07.21
'My Study/서적 공부' Related Articles more