Apple

✨ RE-BRANDING

1️⃣ Main & iPad

• 호버 인터렉션 강조하여 선택항목에 대한 인지도 상승
• 이미지 불필요한 카드 축소하여 한 화면에 더 많은 카드 배치, 빠르게 정보 확인할 수 있게 개선
• 상단 탭 바 추가적으로 구성하여 빠르게 필요한 항목 탐색 가능

2️⃣ IPad Pro

• 제품 상세화면 탭바 구성하여 목차 한눈에 들어오게 정리
• 아이패드 비교란에 원하는 정보만 선택할 수 있게 드롭다운 버튼 추가 및 항목 축소

3️⃣ Add

• 추가 구매 페이지 팝업 화면으로 변경하여 간단하게 확인 가능하게 개선
• 토글 메뉴로 상품 품목 정리하여 필요한 것만 볼 수 있게 구성

👥 Team

👨‍💻 팀원 정보

서아름	강민서	왕호은
Web FE	Web FE	Web FE

🍯 팀원 역할 분담

🐰 서아름	초기세팅(폴더 구조, svgr 세팅) / 아이패드의 종류 보여주는 뷰 / 아이패드 구매하기 뷰 하단 컴포넌트 / 푸터 1
🐹 강민서	초기세팅(husky) / 메인(홈) 뷰 / 아이패드 악세서리 추천 모달 / 푸터 2
🐶 왕호은	초기세팅(eslint + prettier) / 아이패드 구매하기 뷰

📄 컨벤션 및 브랜치 전략

🍎 웹 8조 컨벤션

🎋 브랜치 전략

• 브랜치 전략
  • feature/담당 뷰 이름
    • feature/ (파스칼)
  • 담당 페이지명/#이슈번호-기능설명
    • �ShowIpad/#3-ui-publishing (-로 연결)

  develop
  ㄴ feature/�ShowIpad
  	ㄴ ShowIpad/#3-ui-publishing

• 🚨 반드시 issue 단위로 브랜치 파기
• ⭐️ issue는 최대한 작은 단위로, 상세하게 팝니다.
• ↩️ PR은 1명 이상이 확인하면 merge (리뷰는 48시간 내에)

✅ 커밋 컨밴션

• 커밋 단위는 반드시 최소한의 작업 단위로 쪼개서, �커밋 메시지는 핵심 내용 위주로 적어줍니다.

커밋	역할
feat	기능 구현과 관련된 커밋
style	코드 순서, css등의 포맷에 관한 커밋 (기능에 변화X)
design	UI 구현 (css 구체화) 커밋
fix	버그를 고친 경우
refactor	더 좋은 코드로 개선한 경우 (기능에 변화가 없는 경우) ex-코드리뷰 반영
docs	README.md 등 문서를 작성한 경우
chore	주석 추가, 자잘한 문서 수정

📁 폴더 구조

|-- 📁 node_modules
|-- 📁 public
|-- 📁 src
  |-- 📁 components
	|-- 📁 pages
	|-- 📁 libs
    |-- 📁 hooks
    |-- 📁 api
  |-- 📁 constants
	|-- 📁 assets
		|-- 📁 icon
	|-- 📁 style
		|-- GlobalStyle.ts
		|-- theme.ts
    |-- style.d.ts
	|-- App.jsx
	|-- main.jsx
	|-- Router.jsx
|-- .eslintrc.cjs
|-- .gitignore
|-- index.html
|-- package.json
|-- README.md
|-- vite.config.js
|-- yarn.lock

🛠 기술 스택

역할	종류
Library
Programming Language
Styling
Data Fetching
Formatting
Package Manager
Version Control

🐝 우리만의 규칙

• 합동 세미나 관련 매일 작업한 내용을 todo에 기록해요 !
  • not started/ progress/ done으로 상태 표시
• 트러블 슈팅은 그때 그때, 최대한 자세히 기록해요 !
• 타파트/자신파트의 결정사항에 있어서 조금이라도 불확실한 부분은 반드시!! 확실하게 짚고 넘어가요 🚨