바닐라 자바스크립트 SPA

1) MPA와 SPA의 차이 설명 - MPA (2개 이상의 HTML 페이지로 구성된 어플리케이션) - SPA (1개의 HTML 페이지로 구성된 어플리케이션 : index.html만 있음) [SPA 장점] : 자연스러운 사용자 경험 ( 하나의 페이지여서 깜빡임 X, 자연스러운 페이지 이동) : 웹 성능 향상 ( 필요한 리소스만 받아 부분적 렌더링: 가벼운 객체데이터로 이동 가능) : 개발 생산성 향상 (컴포넌트별 개발 용이 / 협업 업무 분담, 유지보수) : API JSON의 부분만 집중해도 괜찮음. [SPA 단점] : 첫 랜딩 속도가 느림 (한번에 모든 파일 다운 => code splitting 고려 필요) : 검색엔진최적화(seo)에 취약함 2) 바닐라 JS로 SPA 만들 때 Hashed Routing..