README.md

📝 원티드 프리 온보딩 3주차 과제 - 니콘내콘 사이트

📌배포 링크

• 배포링크

📌프로젝트 소개

• 모바일 쿠폰 중고거래 사이트 니콘내콘의 모바일 웹페이지 구현하기

📌기술 스택

📌팀원 소개

임향수 (팀장)	김기영	이도현	조예지
FE Developer	FE Developer	FE Developer	FE Developer

📌프로젝트 과정 소개

🔖wiki 링크

• 팀 미팅과 작업 진행 과정을 wiki에 기록하며 소통하였습니다.
• github-actions를 통해서 pulll request 시 assignee, reviewer를 자동 지정하도록 자동화 작업 수행하였습니다.

🚥Git 커밋 컨벤션 정의	🔰코딩 컨벤션 약속을 통한 코드 통일성

🦸‍♀️팀원 간 코드 리뷰를 통한 소통🦸‍♀️	🦸‍♂️팀원 간 코드 리뷰를 통한 소통🦸‍♀️

📌기능 목록 명세

✔ 담당자 : 김기영

• API 호출 함수 구현 및 호출 결과 데이터 타입 정의
• 브랜드 상세 페이지 , 카테고리 상세페이지 구현
  • 재사용 가능한 상품 목록 컴포넌트 제작

✔ 담당자 : 이도현

• cypress를 이용한 e2e 테스트 코드 작성
• 재사용 가능한 동적 헤더 컴포넌트 구현
• 사이드바 구현
• 메인 페이지 구현
  • 라이브러리 없이 슬라이드 구현
  • 카테고리 목록 컴포넌트 제작

✔ 담당자 : 임향수

• 스타일 환경셋팅 및 기본 레이아웃 구현
• 고객센터 페이지 구현
  • 선택한 1개의 질문만 답변이 토글되는 기능 구현

✔ 담당자 : 조예지

• 버튼 및 모달 컴포넌트 구현
• 상품 상세 페이지 구현
  • 상품 옵션 선택 기능 구현

📌구현 상세 내용 참고

• 니콘내콘의 모바일웹 사이트가 아닌 figma를 기준으로 구현하였습니다.

📌프로젝트 설치 및 시작

프로젝트 클론

$ git clone https://github.com/2201infinity/ncnc-clone.git

패키지 설치

$ yarn

서버 실행

$ yarn dev

테스트 실행

$ yarn test