<aside> 📌 ❗ 여러 페이지 작업하시는분 주의사항 → kdt-sw-8-team03.elicecoding.com //내부 ip 도메인
· 아래와 같이 메인페이지 제외한 각 페이지별 폴더 생성해서 관리.
· 페이지별 branch에 각 폴더별로 git add 해서 관리.
📁기존폴더 : 공통 파일 관리 (style.css / index.html / common.js)
→ 기존 초기세팅 유지.
📁페이지별 폴더 : 각 페이지별 html / css / js 관리 (아래 예시 참고)
각 페이지명 폴더명 생성
q페이지별 폴더 내부
</aside>
### 커밋규칙
```css
**❗❗❗ push하기 전에 꼭 pull 받고 push하기 ❗❗❗
[권장하는 작업 프로세스(ft.배창현 코치님)]
#** git
**----------------------------------------------------------------------------------------**
**[커밋 메세지 작성 규칙]**
# <타입>: <제목> 형식으로 작성하며 제목은 최대 50글자 정도로만 입력
# 제목을 아랫줄에 작성, 제목 끝에 마침표 금지, 무엇을 했는지 명확하게 작성
################
#
# [🐛fix]: 버그 수정
# [📝docs]: 문서 수정
# [♻️refactor]: 코드 리팩토링 (기능에 영향을 주지 않을 때)
# [🎨style]: css 스타일링
# [🔨chore]: 빌드 부분 혹은 패키지 매니저 수정사항
################
**----------------------------------------------------------------------------------------**
**[커밋 관련 참고할 명령어]**
//최신 커밋은 삭제하되 변경 사항은 유지 (커밋했는데 하나씩 빠트려서 커밋 돌리고 합쳐서 커밋할때사용)
git reset --soft HEAD~1
//커밋 메세지 잘못 입력했을때, 가장 최근 커밋의 메세지 수정하기
git commit --amend -m "새로운 커밋 메시지"
//삭제한 디렉토리, 파일 반영하기
git add -u
```
<aside>
📌 • **feature(기능)**: 각 기능 별 개발 브랜치입니다.
feat/{페이지이름}으로 명명합니다. ← 요걸로 똑같이 ex) feat/basket
</aside>
<aside>
🔥 **일자별 계획 및 진행 내용**
</aside>
| **날짜** | **계획** | **진행한 내용** | **할 일** |
| --- | --- | --- | --- |
| 02.15 (목) | · 메인 페이지 담당 나누기 | | |
| 02.16 (금) | · 맡은 페이지 html, css작업 피드백 | 1. css 규칙 정하기
2. 백엔드와 기능 스크럼 | [승철]
- 장바구니 스크립트 만들기, 주소API 적용시키기
[지윤]
- 상품 상세 페이지 만들기
[보미]
- 주문관련 페이지 구현 완료
(주문결제 / 주문 수정, 반품 / 각 완료 페이지) |
| **02.17 (토)** | | | |
| **02.18 (일)** | | | |
| 02.19 (월) | · 코치님과 진행관련 기본 규칙, 사항들 체크 | 1. 구현한 페이지 중간점검
2. 공통 오피스아워 첫 진행
- 프로젝트 스케줄 점검
- 2/21 오피스아워 과제확인
3. FE_DEV 레포지 생성 완료
4. FE_DEV 초기세팅 완료
5. html 페이지명 정리
6. feature 브랜치명 정리
7. commit 규칙 정리 | [승철]
- 장바구니 JS추가(삭제, 모두선택, 선택삭제), 검색창, 회원가입 체크 JS추가, 결제금액 (다못함 ㅜ)
[지윤]
- 상품카테고리 완료, 상품상세페이지 수량 수정
[보미]
- 주문내역 / 주문내역상세 구현
(CSS 정리를 끝내지 못해 20일 완성 예정) |
| 02.20 (화) | · 페이지 구현 완료 (JS제외)
· 2/21오피스아워 과제완료 | 1. 네이밍 규칙 정리
2. 프로젝트 파일 경로 정리 | [공통]
- 팀 리더 정하기
- 각자 기능 우선순위 정리
- 발생하는 issue 등록하기
[승철]
- 검색창
[지윤]
- 상품상세 페이지 슬라이드 구현/ 상품 옵션 선택 구현(실패)
[보미]
- 주문내역 / 주문상세 구현 (커밋x)
- 주문 페이지 서버 업로드 |
| 02.21 (수) | · 오피스아워 issue 정리
6시 - 머지, 질문 물어보기 | 1. FE 리더 : 창건님
2. 공통 CSS스타일링 공유
3. 페이지 우선순위 정리
(관리자 기능은 나중에)
(서비스 중심으로 우선구현)
4. 중간 작업내역 merge 완료
5. 2/21까지 Issue 답변완료 | [승철]
-머지리퀘스트에 올려서 같이 합치기
-장바구니 로컬스토리지 기능만 하면 끝?인듯
-최근 검색어
[지윤]
- 상품 옵션 선택 구현
[보미]
- 주문결제 페이지 JS작업 추가
- 주문내역 페이지 구현(희망) |
| 02.22 (목) | · 마이페이지 및 전체 화면 완성
· 각 페이지별 JS 작업하기 | | [승철]
장바구니 기능 수정 및 추가
[지윤]
- 상품 옵션 선택 구현 수정/ 상세페이지 작은 기능들 수정
[보미]
- 주문내역 / 주문상세 업로드
- 교환반품 페이지 옵션 기능 수정
|
| 02.23 (금) | · 모든 페이지 구현 완료
→ 6시에 모여서 merge
→ API 등록 전까지 완성
· 오피스아워 issue 정리
→ 각자 6시전까지 등록
· 오피스아워 8시 미팅
· VM 및 새로운 환경 적용 예정 | 1. vite 빌드 구조 변경 및 병합 완료
→ pipeline issue 발생
→ issue에 등록
2. 각 서브page의 html파일명 index로 통일 | [승철]
|
| **02.24 (토)** | | | |
| **02.25 (일)** | | | |
| 02.26 (월) | | | |
| 02.27 (화) | | | |
| 02.28 (수) | | | |
| 02.29 (목) | | | |
| 03.01 (금) | | | |
| | | | |
---
<aside>
🔥 **해결해야 할 Issue (오피스아워 전 등록하기)**
</aside>
- 코드 관리 공통 규칙
- css 파일 정리 관련해서 조언 (ex: import방식)
- html 코드 depth(?)가 너무 긴지 리뷰받고싶음 (article, section 사용 관련) - 보미
- 페이지별 폴더 만들어서 관리하고, 경로를 상대경로 써야하는지 절대경로 써야하는지 물어보기
- 각 폴더별 html파일 이름을 index로 하면 좋은건지
—-2/21 답변 완료—-
-
---
### 나와야 하는 페이지 , 담당
[담당 페이지](<https://holy-mailbox-d99.notion.site/533419c407e34c84a96f300f984b3d69>)
---
### 화면 구현용 기본 세팅 파일 (from 승철님)