Goodi

🦁멋쟁이사자처럼 프론트엔드스쿨 5기 프로젝트 10팀

🔗 리팩토링 배포 링크 https://goodi.netlify.app
🔗 배포 링크 https://frontendschool5.github.io/final-10-Goodi

테스트 ID: goodi0601@gmail.com
테스트 password: goodiisborn0601

프로젝트 기간 : 2023.06.01 ~ 2023.06.28
단체 리팩토링 기간 : 2023.07.17 ~ 2023.08.04
개인 리팩토링 기간 : 2023.08.18 ~ 2023.11.17

⭐️ 프로젝트 설명

🕹️ 기능 미리보기

회원가입/로그인

회원가입

로그인

메인

메인 캐러셀

메인 상품

메인 작가 게시글

프로필

프로필


프로필 수정

상품 상세/장바구니

상품 상세

장바구니

채팅

채팅

채팅 나가기

검색/팔로우

검색

팔로우/팔로잉

🛠️ 기술 스택

사용 기술
패키지
포맷터
협업
IDE
배포

• React : 재사용 가능한 UI 구성 요소를 만들고 컴포넌트를 조립하여 개발하는 방식은 유지보수에 유리하다고 생각하였습니다. JSX 문법을 사용하여 더 쉽고 빠르게 개발을 할 수 있었습니다.
• Recoil : 빠른 시간 내에 익힐 수 있는 상태관리 툴이 필요했는데 리코일이 가장 다가가기 쉬웠으며 사용 의미와 동작들이 가장 리액트스럽다고 생각되었습니다.
• Styled-Components : 한 컴포넌트 내에서 CSS를 관리할 수 있고, 상태에 따른 스타일 변화가 있는 페이지에서 조건부 스타일이 유용하게 사용될 수 있을 것 같아 선택하였습니다.

✏️ Commit Convention

- feat: 새로운 기능 추가
- fix: 버그 수정
- docs: 리드미 등 문서 수정, 라이브러리 설치
- style: 코드 포맷팅, 세미콜론 누락, 코드 변경이 없는 경우
- design: UI 디자인 변경
- refactor: 코드 리팩토링
- test: 테스트 코드, 리팩토링 테스트 코드 추가
- chore: 빌드 업무 수정, 패키지 매니저 수정
- rename: 파일명 혹은 폴더명 수정, 위치 옮기기
- remove: 파일 삭제

📁 폴더 구조

📁 goodi
├── public
├── src
│   ├── api
│   ├── assets
│   ├── components
│   ├── interface
│   ├── layout
│   ├── mock
│   ├── pages
│   ├── recoil
|   ├── style
│   └── utils
├──📄 App.js
└──📄 index.js

프로젝트 관련 문서

• ⭐️ 노션

• 🖼️ 기능 명세서

• ✍️ 피그마

• 🎨 초기 와이어프레임/정보 구조도