blog

Front-end Framework인 Vue.js를 사용한 경험이 있는데, Vue.js의 기능 중 SPA(Single Page Application)의 원리가 궁금해 SPA를 Vanila JavaScript로 구현한 프로젝트입니다. 현재 Netlify에 배포되어 있습니다. JSON의 Tree 구조를 순회하면서 사용자가 접속한 URI에 Match되는 Component를 렌더링하는 방식입니다.

다음은 블로그를 어떻게 만들었는지를 기록한 글입니다.

블로그 개발기 1_시작

블로그 개발기_2_Router 알고리즘 설계

블로그 개발기_3_Router 정규표현식

실행

먼저, 실행에 필요한 package를 설치합니다.

yarn install

그 다음, 실행합니다.

yarn dev