북레스트(Bookrest)

독서 관리를 도와주는 웹 & 모바일용 서비스입니다.

• 개인 프로젝트
• 사용 기술: HTML5, CSS3, JavaScript, Webpack, Babel, Netlify
• 개발 기간: 22.03.25 ~ 05.06
• 리팩토링 기간: 22.05.09 ~ 05.21
• 배포: https://gilded-swan-949a8c.netlify.app

구현 기능 & 시연 영상

• 오픈 API를 통해 책 검색 및 조회
  IntersectionObserver를 사용해 무한스크롤로 구현

• 책 등록, 정렬, 필터링, 삭제 기능

• 노트 작성, 등록, 삭제 기능

_2022_09_20_00_13_08_858.mp4

폴더 구조

MVP 디자인 패턴을 적용하여 설계 및 구현

기타 (배운점)

바닐라 JavaScript만으로 SPA를 구현하면서,
프론트엔드 프레임워크의 동작 원리와 개발 환경을 학습했습니다.

• Historary API를 활용한 동적 라우팅
• 상태 기반 렌더링
• 컴포넌트 단위 개발 및 재사용
• Webpack, Babel, Prettier 등 환경 세팅 및 번들링 후 배포