/vanilla-js-spa

라이브러리나 프레임워크 없이 JS 만으로 SPA를 구현해보았습니다.

Primary LanguageJavaScript

vanilla-js-spa - 프레임워크 없이 순수 JS만으로 SPA를 구현한 프로젝트 입니다.

프로젝트 소개

테크 스펙을 작성하여 개발에 앞서 프로젝트의 구조를 설계, 개인의 사용경험을 통해 문제점을 효율적으로 풀 수 있게 사전에 정의 하였습니다.
기존 토스 블로그를 참고하여 바닐라 JS로 SPA를 활용한 새로운 블로그를 만들어 보았습니다.

프로젝트 목표

이번 기회를 통해 우리는 직접 라우터를 개발하여 외부 라이브러리를 사용하지 않고 단일 페이지로 구성된 기술 블로그를 만들고자 합니다. 이번 프로젝트의 목적은 프론트엔드의 기본적인 설계와 구현 능력을 향상시키는 데 있습니다.

스크린샷 2024-07-05 오후 2 46 33

프로젝트 결과물

결과물 링크 열기

Preview

스크린샷 2024-07-03 오후 9 32 40

고민했던 부분

프로젝트를 진행하면서 깊게 고민했던 부분을 글로 서술해보았습니다.

실행하는 법

$ npm install
$ npm run dev

비고

본 프로젝트는 F-Lab 멘토링 을 진행하면서 멘토님과 함께 진행한 프로젝트이며 추후에 혼자 다시 한번 처음부터 끝까지 스스로 진행해보았습니다.