앱 셸 다운로드
HTML, CSS, JavaScript의 기본 실행 환경을 한 번 준비합니다.
SPA 화면 갱신
전체 HTML을 다시 받지 않아도 앱처럼 이동하려면 라우팅, 데이터 요청, 상태 갱신이 한 흐름으로 맞아야 합니다.
History API
주소는 바꾸지만 페이지 전체 새로고침은 막습니다.
Fetch API
필요한 화면 데이터만 서버 API에서 받아옵니다.
DOM과 상태
받은 데이터로 필요한 영역만 다시 그려 반응성을 높입니다.
전체 HTML을 다시 받지 않아도 앱처럼 이동하려면 라우팅, 데이터 요청, 상태 갱신이 한 흐름으로 맞아야 합니다.
HTML, CSS, JavaScript의 기본 실행 환경을 한 번 준비합니다.
주소는 바꾸지만 페이지 전체 새로고침은 막습니다.
필요한 화면 데이터만 서버 API에서 받아옵니다.
받은 데이터로 필요한 영역만 다시 그려 반응성을 높입니다.