BOM(Browser object model)
→ 웹 브라우저와 관련된 객체의 집합
객체 모델 종류: window(최상위), location, navigator, history, screen, document
DOM(Document object model)
→ HTML 문서를 조작하고 접근하는 표준화된 방법을 정의
ex) document.querySelector()
SPA(Single page application)
vue, react, angular 등을 사용하여 만듬
대부분의 사이트는 SPA가 아니다.
배달의 민족, 토스가 react로 만들어진 SPA, 네이버는 SPA가 아님(공수가 많이 들어서 안 만듬)
JQuery
jquery는 SPA에서만 나쁜 선택
네이버는 진도라는 프레임워크를 대신 씀
함수 사용 예시
1.
$(…).click(function() { })
2.
const a = function() {}
$(…).click(a);
Class관련
1.
hasClass: 클래스가 있는지
2.
addClass: 클래스 추가
3.
removeClass: 클래스 제거
이벤트
이벤트는 점점 상위 부모로 전파
preventDefault
1.
기본 행동을 제거
stopPropagation
현재 이벤트가 더 이상 상위 단계로 전파되지 않게 함
