Skip to content

Latest commit

 

History

History
136 lines (110 loc) · 8.1 KB

File metadata and controls

136 lines (110 loc) · 8.1 KB

🧡TEMU🧡

AT SOPT 데스크탑 웹 2조 테무

테무 리디자인 테무_Keyfindings   Insights


👥 OUR TEAM

프로필사진 프로필사진 프로필사진 프로필사진
박희선
엄지우
장정훈
권동희
@heesunee @1jiwoo27 @jeonghoon11 @hamxxn


🛠 기술스택

역할 종류
Library React
Programming Language TypeScript
Styling Vanilla Extract CSS
Data Fetching Tanstack Query
Formatting ESLint Prettier
Package Manager Pnpm
Version Control Git GitHub
Deployment Vercel

📄 컨벤션 및 브랜치 전략

Git Branch

- main (배포용)
- develop (개발용)
- feat/#issue/기능명 (작업용)

Commit Convention

Commit Message 👉 [기능 키워드] 커밋 내용

feat : 새로운 기능 추가
fix : 버그 수정
chore : 빌드 업무, 패키지 매니저, 라이브러리, dependencies 설정
docs : 문서 수정 - ex) [README.md](http://readme.md/)
style : 기능 수정 없는 코드 스타일 변경
refactor : 코드 리팩터링
test : 테스트 코드, 리펙토링 테스트 코드 추가
ci : ci 설정 파일 수정
init: 초기 세팅
code review: 코드 리뷰 반영

폴더 구조

|-- 📁 node_modules
|-- 📁 public
|-- 📁 src
      |-- 📁 assets
      |-- 📁 api
      |-- 📁 pages
      |      |--📁APage
      |      |     |--📁components
      |      |     |--📁constants
      |      |     |--📁utils
      |      |     |--📁types
      |      |     |-APage.tsx
      |      |     |-APage.css.ts
      |      |--📁BPage
      |      |--📁CPage
      |-- 📁 router
      |-- 📁 shared
      |      |--📁components
      |      |--📁styles
      |      |--📁utils
      |      |--📁types
      |      |--📁constants
      |-- App.tsx
      |-- main.tsx
|-- .eslintrc.json
|-- .prettierrc

📦 초기세팅 역할 분배

구분 담당자
TanStackQuery 세팅 박희선
path alias 박희선
ci-cd, vercel 배포 박희선
협업 전반 설정 , Error, Loading 박희선
VITE svg 엄지우
스타일 커스텀 (theme.css) 엄지우
router 설정 권동희
global 설정 권동희
Eslint 설정 장정훈
Prettier 설정 장정훈

📦 뷰 & 컴포넌트 역할 분배

구분 담당자
헤더 & 푸터 박희선
메인 페이지 (번쩍특가 상단까지 - 아이템 네비게이션 포함) 박희선
제품 상세정보 (상세보기탭/테이블/이미지뷰) 박희선
메인 페이지 (그 외 나머지) 권동희
검색 & 검색 결과 페이지 엄지우
제품 상세정보 (구성 포함 전체) 장정훈
버튼 공통 컴포넌트 장정훈
카드 공통 컴포넌트 권동희
Skeleton 권동희
텍스트, 헤드 컴포넌트 엄지우
Divider 컴포넌트 박희선

🔧 API 역할 분배

기능 담당자
메인 페이지 조회 권동희
특가 상품 조회 권동희
검색 기능 엄지우
제품 상세 조회 박희선
제품 리뷰 조회 장정훈