hmk run dev

초기 로딩 속도가 느린 대신 프런트에서 직접 라우팅 처리 - 서버 부하 줄임 페이지 전환 빠름 & 화면 깜빡임 - 사용자 경험 개선 컴포넌트를 이용한 코드 재사용성(요즘은 웹 컴포넌트도 많이 사용하지만..) 등등... 많은 장점을 가지고 있는 SPA 애플리케이션이지만 검색 SEO, 초기 로딩 속도 등의 단점을 커버할 수 있는 프레임워크가 있다. 흔히 알고 있는 NEXT.js , NUXT.js 등의 프레임워크의 동작원리와 코드 스플리팅 & 번들의 원리에 대해서 알아보고자 하는 포스팅입니다.. 작동원리 1. 초기 사용자가 사이트에 접속 요청 > SSR방식으로 렌더링 되는 HTML 보냄 - 초기 로딩 속도 & 검색 SEO 단점 커버 2. 브라우저에서 Javascript는 spa 애플리케이션에 필요한 것들을 다..