🏡 인테리어의 시작, 집다이브 🏡

패스트캠퍼스에서 진행한 주어진 API를 분석하여 핀테크 서비스 만들기 프로젝트입니다.

Javascript와 REST api를 활용한 인테리어 용품 쇼핑몰 집다이브

집다이브에 깊이 빠져보아요!

• 배포 링크 : 집다이브
• 참조 사이트 and 제품출처 : 집꾸미기

📅 개발 기간

• 2022/12/06 ~ 2022/12/21
• 리팩토링 : 2022/12/24 ~ 2022/12/27

리팩토링 진행(v1.0)

• 기존 라우터 코드는 모든 page들을 하나의 html에 넣어놓고, 라우팅 될때마다 display: none, 그리고 display: block 처리를 해주었으나, 이 방법으로는 페이지들이 쌓여 성능에 치명적이라는 피드백을 받고, 하나의 app div만을 사용하여 해당 엘리먼트의 내용물만 갈아끼는 방식으로 리팩토링하였습니다.
• 가독성 증가, 중복제거를 위해 몇몇 기능들을 추가로 함수화 하였습니다.
• 불필요한 비동기 처리들을 수정하였습니다.
• SCSS를 활용, 겹치는 스타일들을 공통으로 묶었습니다.

⚙ 사용기술

• Programming

• Deploy

• Etc

🧑‍🤝‍🧑 팀원소개 and 역할

노준영	윤준수	임예지	조효림

노준영

• 관리자 페이지 구현
• 제품 상세 페이지 구현
• 제품 구매 페이지 구현
• 카테고리 페이지 구현
• 메인 페이지 구현
• 검색 기능 구현

윤준수

• 계좌 연결 구현
• 계좌 해지 구현
• 최근 본 상품 구현

임예지

• 회원가입 구현
• 로그인 기능 구현
• 개인 정보 수정
• 장바구니 기능 구현

조효림

• 제품 구매 페이지 구현
• 제품 상세 페이지 구현
• QnA 페이지 구현

💻 주요 기능 and 시연

사용자

---

• 회원가입

• 로그인

• 회원정보 수정

관리자

---

• 관리자 페이지

계좌

---

• 계좌연결/해지

제품

---

• 상품 검색

• 상세정보 페이지

• 주문시 우편번호 찾기

• 상품 결제

• 구매내역 페이지

추가 구현 기능

---

• 장바구니

• Q&A 페이지

• 최근 본 상품

📌 상세 WIKI and 궁금한점

노준영 WIKI

임예지 WIKI

조효림 WIKI