멍스토리 FE 프로젝트

프로젝트 기간

2023.3.25 ~ 진행 중

• 현재 MSW를 활용하여 Mock API로 동작 및 구현 중입니다.

프로젝트 내용

간단한 인증 버튼을 통한 관련된 사람들과의 '공동 육견'

프로젝트 프리뷰

메인	업로드	캘린더	슬라이드	그리드	인트로

프로젝트 상세 내용

• 페이지 흐름을 Funnel 컴포넌트로 추상화하고 재사용 가능하도록 커스텀 훅 생성
• 병렬적 개발을 위해 MSW를 이용한 모의 API 환경 구성
• Lazy 로딩을 사용하여 많은 페이지 컴포넌트를 필요 시 로드하는 방식으로 최적화하여 초기 번들 크기를 줄이고 로딩 속도를 개선
• 리스트 항목은 사용자 편의를 위하여, intersection observer API를 사용한 무한스크롤 구현

배포

현재 mock Api로 확인할 수 있는 배포 사이트

프로젝트 실행 방법

1. Clone the repo

$ git clone https://github.com/meong-story/meong-story-FE.git

2. Install NPM packages

$ npm install

3. Getting Started

$ npm run dev