HTML 요소를 Object(JavaScript Object)처럼 조작(Manipulation)할 수 있는 Model
HTML의 아주 작은 부분까지 접근할 수 있는 구조(MODEL)을 자바스크립트의 문법(조건문, 반복문, 배열, 객체 등등)을 활용하여 정적인 HTML을 -> 동적으로 변환시켜준다.
HTML에 JAVASCRIPT 적용
- HTML에 JavaScript를 적용하기 위해서는 <script> 태그를 이용
- <script> 요소는 등장과 함께 실행
- 두가지의 <script> 적용방법이 있다.
<head>안쪽에 삽입head에 추가하였을 경우, HTML parsing을 하다가 멈추고 JS를 fetching 및 실행한 후, HTML parsing을 재개한다. 단점 :js파일의 사이즈가 크고 인터넷이 느릴 경우, 사용자가 웹사이트를 보는 데까지 많은 시간이 소요된다.
태그가 끝나기전 마지막에 삽입
HTML이 parsing을 끝낸 다음. js를 fetching 후, 실행 단점 : 웹사이트가 js에 대한 의존도가 높은 경우, 사용자가 정상적인 콘텐츠를 확인하기 위해서는 js를 서버에서 받아오고 실행하기까지 기다려야 한다.
CRUD (today i learned)
- document 객체를 통해서 HTML 엘리먼트를 만들고(CREATE), 조회하고(READ), 갱신하고(UPDATE), 삭제할수있다.(DELETE)
