1.
https://github.com/dearpham/mogakso/tree/main/Javascript/animalAlbum1
개선 사항 :
페이지 이동을 할 때마다 새로운 페이지 불러옴 -> 지연 시간 발생
동일한 코드 중복 작성
화면이 깜빡이는 듯한 현상
개선 방안 : 컴포넌트 기반과 모듈화를 활용한 SPA방식 웹사이트 구현
2.
https://github.com/dearpham/mogakso/tree/main/Javascript/animalAlbum2
개선 사항: 뒤로 가기, 앞으로 가기 기능을 사용할 수 없음
SPA는 html이 하나만 있는 단일 페이지 이기 때문에 웹사이트를 구성하는 웹페이지가 여러 개라면 페이지마다 경로를 설정해줘야 함
개선 방안: 바닐라 자바스크립트이기 때문에 히스토리 API를 활용하여 웹페이지에 라우팅 기능 추가
3.
https://github.com/dearpham/mogakso/tree/main/Javascript/animalAlbum3
SPA의 구조에서 서버가 특정 경로에 대한 요청을 받았을 때 동일한 단일 HTML 파일을
반환하도록 설정을 해줘야 함
⇒ node.js와 Express 같은 서버 사이드 기술을 사용해 개발 환경 구성함