[JavaScript] 작성방법, 사전지식

1) 내부 스크립트

: HTML 파일에서 script 태그의 콘텐츠 영역에 자바스크립트 코드를 작성하는 방법

2) 외부 스크립트 : 실무에서 주로 사용 - 유지보수에 용이

: js 확장자로 된 별도의 파일을 생성하고 생성한 파일에 자바스크립트 코드를 작성할 뒤,

HTML 문서와 연결하는 방법

<body>
	<script src = "script.js></script> 
</body>

※ script 태그 사용 위치

: 항상 body 태그의 종료 태그 바로 전에 사용

(Why) 웹 브라우저는 HTML 문서를 첫번째 줄부터 순차적으로 해석.

동적효과를 부여하는 자바스크립트는 당장 실행할 필요는 없으므로!!

=> HTML, CSS 먼저 작동할 수 있게 마지막에 작성한다. (외부/내부 스크립트 둘 다 적용)

※ script 태그 사용 위치

단순 자바스크립트 코드 실행하고 싶으면 : 웹 브라우저의 콘솔창을 이용 / VSCode 확장 프로그램 이용

1. 웹 브라우저의 콘솔창 이용

F12의 Console 창에서 자바스크립트 코드 실행하기

출력할 때 : document.write()로

2. VSCode 확장 프로그램 이용

출력할 때 : console.log()으로

(웹 브라우저 없이 에디터에서 바로 실행하므로)

※ 자바스크립트 주석

한 줄로만 주석을 처리할 때 : // (슬래시 2개)

여러 줄 주석 처리 : /* */ 사이에 적용

※ 자바스크립트 에러 확인

크롬의 개발자 도구에서 console창에서 바로 확인 가능

building me