🌊파도상점🌊

파도상점 배포 주소🌊🔗
Test ID : test123
Test PW : test123@

목차

1. 프로젝트 소개
2. 프로젝트 멤버
3. 기술 스택
4. 기능 및 구조
5. 협업 방식

1. 프로젝트 소개

• 세상의 모든 팬들을 위한 거래, 공동구매 플랫폼입니다.
• 유저들끼리 서로 판매, 구매, 교환이 가능하며 공동구매 폼을 업로드 할 수 있습니다.
• 판매, 구매, 교환 시 채팅을 통해 거래할 수 있습니다.
• 공동구매 폼 제출 시 유저의 입금 폼을 작성하며, 공동구매 관리 또한 가능합니다.

2. 프로젝트 멤버

FRONTEND DEVELOPER	BACKEND DEVELOPER
coo1river	essential14

3. 기술 스택 및 이유

기술 스택

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

사용 이유

• TypeScript

  • 정적 타입 검사를 통해 버그를 예방할 수 있으며 손쉽게 디버깅이 가능합니다. 또한 자동 완성을 지원하기 때문에 개발 속도를 향상시킬 수 있습니다.

• Next.js

  • 서버 사이드 렌더링(SSR)을 통해 초기 로딩 속도를 향상 시키며 검색 최적화를 개선할 수 있습니다. 파일 시스템 기반의 라우팅을 제공하여 추가적인 라우팅 설정을 하지 않아도 되며 동적 경로를 쉽게 정의할 수 있습니다. 또한 타입스크립트를 기본적으로 지원하여 호환성이 좋습니다.

• zustand

  • 가벼운 상태 관리 라이브러리로 복잡한 설정 없이 사용할 수 있습니다. Next.js 프로젝트에서 복잡한 상태 관리보다 빠르고 효율적인 관리 방식이 선호되며 Typescript와의 호환성이 좋습니다.

• Styled-Components

  • 서버 사이드 렌더링을 지원하며 초기 로딩 시 스타일이 포함된 HTML을 제공함으로써 빠른 페이지 로딩, SEO 성능 극대화가 가능합니다. 동적 스타일링 기능을 통해 사용자 경험을 향상시키며 유지보수에 용이합니다.

3. 기능 및 구조

• 홈

  

• 회원가입

  

• 로그인

  

• SNS 로그인

  

• 판매 글 등록

  

• 공동구매 글 등록

  

• 게시물 상세

  

• 게시물 찜하기

  

• 게시물 수정하기

  

• 게시물 검색

  

• 유저 간 채팅

  

• 프로필 수정

  

• 공동구매 폼 제출

  

• 공동구매 판매 폼 관리

  

• 공동구매 구매 폼 상세 및 수정

  

• 아이디 찾기

  

• 비밀번호 재설정

  

5. 협업 방식

• 주 2회 회의
• Notion을 통해 기획 및 의견 조율
• Discord 및 TeamViewer를 이용하여 문제 해결

---

Notion

• Q%A

• 회의록

• To-do리스트