자바스크립트 코드는 HTML에서 분리시켜서 외부 파일로 작성할 수 있다.
외부 파일로 작성하게 되면 관리적인 측면에서 효율적이고 코드의 중복 없이 하나의 JS 파일을 재사용할 수 있다는 이점이 있다.
<script> 위치HTML 파일에서 자바스크립트 파일을 이용하겠다고 선언하는 <scrip src='test.js'> 코드의 위치는 중요하다.
자바스크립트 코드의 내용이 실행되는 HTML 문서의 태그와 관련이 없다면, 즉 자바스크립트 코드에서 HTML 문서의 DOM 노드를 이요하지 않는다면 어느 위치에 작성되어 있든 상관 없다.
하지만 자바스크립트 코드에서 DOM 노드를 이용한다면 이용하는 DOM 노드가 메모리에 로딩된 이후에 해당 자바스크립트 코드가 실행되게 해줘야 한다.
⭕️ DOM 노드 로딩 후 자바스크립트 실행

자바스크립트 엔진에서 쓰이는 #a1 태그가 먼저 정의되고 난 후에 사용되므로 불러올 수 있음
❌ DOM 노드 로딩 전 자바스크립트 실행

자바스크립트 엔진에서 쓰이는 #a1 태그가 아직 정의가 안되었는데 먼저 사용되므로 DOM 노드에서 불러올 수 가 없다.
➡️ 이용하고자 하는 DOM 노드의 태그 아랫부분에 자바스크립트의 코드가 위치해야 함!!
컴파일 에러 - 문법 오류 (IDE에서 무엇이 잘못 된 것인지 알려줌)런타임 에러 - 문법은 맞지만 실행할 수 없는 상태 strict mode (엄격 모드)우리가 작성한 자바스크립트 코드를 실행시켜 주는 자바스크립트 엔진에게 우리가 작성한 코드를 어떻게 실행하라는 일종의 명령이다.
💡 상수
값 변경이 안되는 변수
코드 가독성을 높이기 위해서 사용하며, 대문자로만 표기한다.
undefined vs nullundefined - 자바스크립트에만 있음 --> 타입var foo;
console.log(foo) // undefined
null - 객체에 대입되는 값(예약어)var foo = 'Lee';
foo = null;
휴강 ㅎㅎ