Musinsa Coding Test

배포 URL

https://62d3e37781fa5c4147b8a92d--dott-musinsa.netlify.app

사용 기술

기술 : 리액트, 타입스크립트, 스타일드 컴포넌트

• CSS 처리 -> 개발의 편의성을 위한 컴포넌트 사용

상태관리: Context Api

• 상태관리에 대한 개발 과정을 포함하고자 상태관리 라이브러리 사용X

배포 : netlify

• 간단한 정적 서버 배포에 유리하여 사용

환경 : webPack, babel, ESlint, Prettier

• 개발환경 조성에 대한 과정을 포함하고자 보일러 플레이트 사용X
• ESlint -> 에어비앤비 컨벤션 사용

일정관리: 깃허브 이슈 + PR

• 이슈링크: https://github.com/godhyeongman/Musinsa/issues?q=is%3Aissue+is%3Aclosed

• PR링크: https://github.com/godhyeongman/Musinsa/pulls?q=is%3Apr+is%3Aclosed

개발 과정

노션 정리

https://buttercup-loan-b58.notion.site/X-9a8970bb94d9459eba8275da29ae4fcb

구동

script

  npm start    (데브 서버 가동)

  npm run build:prod   (배포용 빌드)

  npm run build:dev    (개발용 빌드)

구동 시연

무한스크롤 시연

필터탭 작동 시연

검색창 외부 클릭시 팝아웃 작동 시연

간단한 제품 링크 처리

검색 자동 완성 기능 및 자동완성 필터링