자바스크립트 프론트엔드 작업에서 수많은 프레임워크, 라이브러리들이 만들어지고 있다. 이것들이 나타나게 된 배경은 웹이 웹 애플리케이션이라고 부를 만큼 사용자와 많은 상호작용을 하기 때문이다. 프레임워크, 라이브러리를 쓰면 웹 개발시 돔 관리, 상태값 업데이트 관리를 최소한으로 하면서 기능 개발, UI에 집중할 수 있다. 이는 생산성, 편리한 유지보수와 관련 있다. 라이브러리의 삼대장은 앵귤러, 리액트, 뷰이다. 각각 특성이 있고 추구하는 바가 달라서 어떤게 좋다고 꼬집어 말할 순 없다.

- DOM(Document Object Model, 문서 객체 모델) : DOM은 문서 객체 모델 이라는 뜻으로 HTML이나 XML 같은 문서의 요소(태그)들을 조작 가능하도록 객체화시킨 것입니다. 이나 같은 html문서의 태그들을 JavaScript가 이용할 수 있는 객체(object)로 만든 것. - 제이쿼리 선택자 위와 같은 객체에 jquery는 $("#test") 로 jquery 객체를 생성한다. 즉 결과값이 DOM이 아니라 jquery 객체라는 말이다. 이때 document.getElementById("test") 와 같은 HTML DOM 객체에 접근하는 방법이 있다. 1. $("#test")[0] 2. $("#test").get(0) → 1, 2번은 모두 document.getElementBy..