-
Notifications
You must be signed in to change notification settings - Fork 0
3. 회의록
hyebin kim edited this page Dec 27, 2024
·
36 revisions
12월 4주 회의록
# 회의록
## 진행 상황 공유
*점검
-리뷰 반응형 수정
*AWS
-PM2 전역 설치
*PPT 마무리
# 회의록
## 진행 상황 공유
*점검
-상품목록 호버시 이미지 변경
-반응형 안되는 부분 수정
*담당업무 정리
-AWS 서버연결
-백엔드 연결 성공
*PPT 발표 준비
-페이지별 GIF 배치
회의 내용
진행 상황 공유
[진행도 80%] 기능은 오늘 마무리
상품: 3D
세세한 오류
상품목록 호버시 이미지 변경
주문 실패시 사용자에게 이유 안내(미입력인지, 서버오류인지)
같이 할일(수요일 1시 ~ 5시 게더타운)
디자인 통일
발표자료 준비
코드점검(접근성, 컨벤션, 에러핸들링)
남은 할일
위키, 리드미 -재영
회의록....-혜빈
AWS 특강듣고 서버 연결(?) (목)
# 회의록
## 진행 상황 공유
- 진행도: 80%
- 기능 개발은 오늘 마무리 예정
- 현재 작업 내용:
- 상품: 3D 관련 기능
- 주문: 입력 검증
- 장바구니:
- 상세페이지에서 선택한 상품 데이터 연결 및 주문 이동
- 마이페이지:
- 주문현황 카운트
## 세세한 오류 리스트
1. 카테고리 오류:
- 상품 페이지에서 뒤로가기 했을 때 카테고리가 유지되지 않음
2. 리뷰 관련:
- 리뷰 상세 창 닫기 기능 문제
- 리뷰 디테일 보완 필요
3. 상품목록:
- 호버 시 이미지 변경 기능 필요
- 상품 페이지 이미지 연결 문제
- 필터 클릭 시 스크롤 없어지는 오류
- 상품 가격에 formatPrice 함수 적용 필요
4. 콘솔 오류:
- 헤더 관련 오류 발생
5. 주문 페이지:
- 무통장입금 옵션 항상 체크 상태로 유지
- 주문 실패 시 사용자에게 이유 안내 (미입력, 서버 오류 등)
6. 장바구니:
- 아이템 삭제 기능 필요
- 전체 선택 기능 추가
- 선택된 아이템만 가격 계산
7. 로그아웃:
- 장바구니 개수 초기화 문제
8. 상품페이지 탭 스타일링:
- "상품상세정보"만 볼드 처리된 상태 수정 필요
## 같이 할 일 (수요일 1시 ~ 5시, 게더타운)
1. 디자인 통일
2. 발표자료 준비
3. 코드 점검:
- 접근성
- 코드 컨벤션
- 에러 핸들링
## 남은 할 일
1. 위키 및 리드미 작성
- 담당: 재영
2. 회의록 작성
- 담당: 혜빈
3. AWS 특강 후 서버 연결
- 일정: 목요일
* 회의 내용
* 진행 상황 공유
* [진행도 70%]
* 상품: 상품 선택, 3D, 이미지 캐러셀
* 리뷰: 상세보기
* 주문: 주문 등록, 입력 검증
* 장바구니: 주문 이동
* 회원가입: 회원 등록, 입력 검증
* 상품 종류
* 세부 카테고리별로 같은 3D 텍스쳐, 모델링 사용
* Order 필드 수정
* receiver, detailAddress, totalPrice
12월 3주 회의록
* 회의 내용
* 진행 상황 공유
* [진행도 50%]
* 메인페이지: 베스트 상품 불러오기
* 상품: 상품 선택, 3D, 이미지 캐러셀
* 리뷰: 리뷰 불러오기, 상세보기
* 주문: 주문 등록, 입력 검증
* 장바구니: 주문 이동
* 마이페이지: 주문내역 불러오기
* 회원가입: 회원 등록, 입력 검증
* 회의 내용
- 우선순위 설정(피그마 확인)
*서버 연결
1. 로컬 DB 연결 (50%)
1. AWS 연결
*상품 (담당: 김혜빈)
1. 상품 선택
2. 이미지 캐러셀
3. 3D
4. 리뷰 목록 불러오기
5. 리뷰 작성하기 (고민 중)
6. 리뷰 상세보기 (모달 + 캐러셀)
7. 악세사리 → 리뷰 이동
*우선순위
1. 이미지 캐러셀
2. 3D
3. 상세보기
4. 리뷰 작성
*장바구니
1. 상품 불러오기 (상품페이지에서 선택된 상품 연결)
2. 주문으로 이동 (완료)
*카테고리
주문부터 구현 후 장바구니 구현
*회원가입 및 로그인 (담당: 지균)
로그인 (완료)
1. 아이디, 비밀번호 검증
2. 로그인 상태 유지
3. 로그아웃
회원가입 (진행 중, 완료 후 3번 작업 예정)
1. 입력 검증
2. 회원 등록
아이디/비번 찾기
1. 아이디 찾기 (4번 작업 예정)
2. 입력 검증
3. 비밀번호 변경
메인 (담당: 재영)
베스트 상품 불러오기 (1번 작업 중)
* 마이페이지 (담당: 재영)
1. 회원정보 수정 (3번 작업 중)
2. 비밀번호 인증
3. 주문내역 불러오기 (2번 작업 중)
4. 포인트/리뷰 미리보기 (2번 작업 중)
5. 리뷰내역 불러오기 (완료)
6. 포인트 모델 추가
*기타 남은 작업
1.AWS 연결
2.메인페이지:
* 베스트 상품 불러오기
3.상품 페이지:
* 상품 선택, 3D, 이미지 캐러셀
4.리뷰:
* 리뷰 불러오기, 상세보기
5.주문:
* 주문상품 불러오기, 주문 등록, 입력 검증
6.장바구니:
* 상품 불러오기, 주문 이동
7.마이페이지:
* 주문내역, 포인트/리뷰 불러오기
8.회원가입:
* 회원 등록, 입력 검증
* 회의 내용
-진행 상황 공유
논의 내용
-장바구니 count 기준: 상품+옵션(사이즈), 사이즈가 다르면 장바구니 개수 추가(사이즈가 다른 경우 다른 product id를 가짐)
-상품 페이지에서 상품 선택시 장바구니로 넘어갈 때 선택상품 데이터화 문제
-백엔드와 프론트엔드의 url은 별도, 개념 정리
* 회의 내용
- axios 연결
- backend model 설정(라이브 쉐어)
-https://axios-http.com/kr/docs/example
-https://axios-http.com/kr/docs/post_example
* 회의 내용
- layout 브랜치 main 으로 머지, feature 브랜치 main pull
- 코드리뷰 수정 및 반영
- 이미 머지된 PR의 경우: 최신 브랜치(feature)의 하위브랜치 생성하여 수정한 후 최신 브랜치(feature)에 PR 생성 및 머지
- 머지되지 않은 PR의 경우: 수정 커밋 푸시 후 머지
- 백엔드 라이브러리 사용 관련
axios: 사용 O
react-query: 고민중
ERD CLOUD 생성
https://www.erdcloud.com/d/DvWFQhFyzGKrwF8HQ
12월 2주 회의록
👍주문/결제, 장바구니 페이지: 혜빈 & 지균 -> 명희
* 회의 내용
- data fetching 라이브러리 선택: axios
- mysql, dbeaver 설치
-기능 담당 페이지 조정
->주문/결제, 장바구니 페이지: 혜빈 & 지균 -> 명희
👍 path 정리
경로 설정
{ path: "/", element: <Home /> },
{ path: "/productlist/", element: <ProductListPage /> },
카테고리 이동 -> 대분류의 첫번째 카테고리가 선택(디폴트)
path: “/product_list/:name” 값 전달시, Link to={`/product/${category.name}`}
/product_list/one-piece
{ path: "/product", element: <Product /> },
상품 상세 -> /product/:id
리뷰 상세 모달 -> /review/:id
{ path: "/loginpage", element: <LoginPage /> },
{ path: "/joinpage", element: <JoinPage /> },
{ path: "/joincompletionpage", element: <JoinCompletionPage /> },
{ path: "/changepwdcompletionpage", element: <ChangePwdCompletionPage /> },
로그인 -> /login
회원가입 -> /join -> 회원가입 완료 -> /enjoy_your_swim
아이디/비밀번호 찾기 -> /find_member/id /find_member/pw
아이디 찾기 결과 -> /find_member/id/result
비밀번호 찾기 결과 -> /find_member/pw/result
{ path: "/mypage", element: <MyPage /> },
{ path: "/user", element: <UserPage />}, 비밀번호 입력하는 페이지
{ path: "/user/edit", element: <UserEditPage />},
회원정보 -> /mypage
회원정보 수정 전 비밀번호 확인 -> /mypage/verification
회원정보 수정 -> /mypage/edit
{ path: "/points-and-reviews", element: <MyPagePointAndReviewPage />},
회원정보 포인트/리뷰 -> /mypage/points_and_reviews
{ path: "/paymentcompletionpage", element: <PayMentCompletionPage /> },
{ path: "/paymentorder page", element: <PayMentOrderPage /> },
장바구니 -> /cart
주문/결제창 -> /order
주문완료 -> /order/thanks
NEW 이슈
👍 아이디 /비번 페이지 ->입력값이 있으면 알럿 추가 (이동하시겠습니까?(확인/취소))
👍 오후 5~6시 머지 완료
👍 일정 변경 12/11일 -> 12/12일 와이어프레임 완료
* public/imges/common <-생성해서 공통 이미지 공유 파일을 만들기
* 그리고 각자 페이지별 폴더 이미지 보관 파일 생성
패스워드, 아이디, 결과 페이지 주소 결정
-> 아이디, 패스워드 페이지는 같은 주소로->findidpwd
->React Router API인 Function Outlet를 이용해 페이지 이동 없이 특정 영역 내용만 변경
[참고자료](https://api.reactrouter.com/v7/functions/react_router.Outlet.html)
->아이디 /비번 페이지 ->입력값이 있으면 알럿 추가 (이동하시겠습니까?(확인/취소))
-> <a>대신 라우터 link를 사용하자
-> 마이페이지 footer 넓이 조정 완료
주 내용: 작업 내용 공유 및 일정 확인
* public/imges/common <-생성해서 공통 이미지 공유 파일을 만들기
* 그리고 각자 페이지별 폴더 이미지 보관 파일 생성
패스워드, 아이디, 결과 페이지
-> 아이디, 패스워드 페이지는 같은 주소로
->React Router API인 Function Outlet를 이용해 페이지 이동 없이 특정 영역 내용만 변경
[참고자료](https://api.reactrouter.com/v7/functions/react_router.Outlet.html)
주 내용: 규칙 정리, TODO 공유, 이슈 확인 및 피드백
규칙 확인 부탁드려요!
* pr 은 하루에 한번씩 올리기
* 브랜치 머지 순서 공유(개인 작업 -> 페이지단위 -> 레이아웃/피처 -> 메인)
* 파일명 컨벤션 주의하기(파스칼, 네이밍), 커밋 컨벤션 다시 확인
* 이미지 리소스 정리
-> commom, 각 페이지 이름 폴더 생성으로 관리
회의 내용
* 컴포넌트 기준 설정 -> 오전 회의로 진행 사항 공유해보니 이대로 진행 후 문제시 수정
* 관련 영상 시청 및 내용 공유
->[명희님 : 요약본 공유](https://poised-cobbler-8dd.notion.site/156c79b5b97080138c8cee3af0556f0f)
* 폼 작성시 react form 활용
* 백엔드 계정 로컬에서 설정하는 방법 공유(env 파일)
-> 다음 회의 내용: pr확인 후 머지, TODO 공유, UI 마무리
12월 1주 회의록
주 내용: 백엔드 설계 및 규칙, TODO 공유
주요 논의 사항
1. 브랜치 컨벤션 공유
2. 백엔드 설계 공유
3. Projects 생성 공유
4. Milestones 생성
5. 이슈 생성
6. 공통 컴포넌트 리스트업
주 내용: 기획발표
1. ppt 기능 정리 분담
- 프로젝트 소개: 페이지별 (이미지 , 기능 소개)
메인 페이지 -> 명희
상품 목록 -> 명희
상품 페이지, 상세내용(3D), 리뷰 -> 재영
장바구니 -> 지균
구매하기 -> 지균
마이페이지, 회원정보 수정 -> 혜빈
로그인, 회원가입, 아이디/비번찾기 -> 혜빈
2. 피드백
설명할 때
-그냥 마이페이지/메인 이렇게 하면 잘 모름
-> 좀 더 기능 위주로 구체화하여 설명하는게 좋다
R3F 사용 권장
-리액트와 3d.js가 더욱 잘 결합하기 위해 사용하는게 더 좋다
다음 회의 진행 예정: 프론트엔드 개발 시작(ToDO공유)
주 내용: 레이아웃/ 파일구조 /일정 기획
[레이아웃]
1. 라이브러리
- shadcn/ui 라이브러리**: 디자인을 자유롭게 커스터마이징 할 수 있고 사용이 쉬워 사용 예정
2. 결제 관련 기능
- 계좌 이체-->무통장이체(명칭 변경): 계좌 이체 시, 전화번호로 계좌 이체 내용을 전송하고, 그 후 계좌번호 페이지로 이동. 카드 결제는 제외.
3. 개인정보 보안
- 개인정보 동의: 개인정보 관련 내용을 링크로 이동하여 확인할 수 있도록 처리. 보안 문제에 대해서는 추후 논의 필요.
- 개인정보 모자이크: asdf****@gmail.com / 실제 개수에 맞춰 * 작성, 첫 4글자만 표시
4. 상세 페이지
- 글쓰기 버튼: 리뷰 섹션에 글쓰기 버튼 고정.
- QnA-->자주 묻는 질문(변경): 기능 없이 안내만 리스트형식으로 구현
- 글쓰기 버튼: 리뷰 섹션에 글쓰기 버튼 고정.
5. 리뷰 및 포토 리뷰
- 캐러셀 활용: 포토 리뷰를 캐러셀을 사용해 모아보기. 사용자가 이미지를 크게 볼 수 있도록, 두 개의 캐러셀로 나누어 전체 포토 게시글, 해당 페이지 이미지로 구성됨
[파일구조/ 브랜치]
파일구조
- front-end(react 디렉터리 구조, README X)
- back-end(express 디렉터리 구조, README X)
- README
[브랜치 구조]
- main: 배포 가능한 상태의 최종 코드가 위치하는 브랜치.
- feature: 특정 기능을 개발하는 브랜치.
- feature/home: 홈 페이지 기능 개발.
- feature/product-list: 상품 목록 페이지 기능 개발.
- layout: 레이아웃 관련 작업을 위한 브랜치.
- layout/home: 홈 페이지 레이아웃 작업.
- layout/home-header: 홈 페이지 헤더 레이아웃 작업.
- layout/home-footer: 홈 페이지 푸터 레이아웃 작업.
- product-list: 상품 목록 페이지와 관련된 기능 작업.
- product: 상품 관련 기능 작업.
- cart: 장바구니 관련 기능 작업.
- order: 주문 관련 기능 작업.
- user: 회원 관련 기능 작업.
- hotfix: 급한 버그 수정을 위한 브랜치.
[일정]
| 주차 | 요일 | 활동 |
|---|---|---|
| 1주차 | 목요일 | 기획 발표 |
| 금요일 | 백엔드 설계 (신, 반) | |
| 토요일 - 일요일 | 레이아웃 작업 | |
| 2주차 | 월요일 - 화요일 | 레이아웃 + 기능 구현 |
| 수요일 - 금요일 | 기능 구현 + 백엔드 작업 | |
| 3주차 | 월요일 - 일요일 | 기능 개발 |
| 4주차 | 월요일 - 화요일 | 에러 수정 + 마무리 작업 |
| 목요일 | 발표 준비 |
다음 회의 진행 예정: 역할 분담, 기획 발표 자료 준비(오전)
주 내용: 기능 및 디자인 구체화
[기능 및 디자인 구체화]
FIGMA 디자인 작업 후 추가/수정 사항 토의
주 내용: 기획 초안 / 팀명 / 규칙
[주제 및 팀명]
주제: 수영복 쇼핑몰
팀명: KBS-WIN(케이비스윈)
사이트명: SWIM 360(스윔 삼백육십)
[규칙 및 컨벤션]
WIKI - 컨벤션 참고
[주요 페이지]
메인 main
상품 목록 item-list
2-1. 호버 효과: 상품 앞/뒤 이미지, 사이즈 종류
2-2. 필터링: 가격순, 판매순, 신상품순
2-3. 찜하기(회원만)
상품 상세페이지 item
3-1. 상세정보, 상품이미지, 3D 이미지
3-2. QnA(비밀글/공개글)
3-3. 리뷰(별점/리뷰내용)
3-4. 교환/반품(안내)
3-5. 장바구니 담기 / 구매하기
장바구니 cart
4-1. 구매하기
4-2. 장바구니 금액
주문 order
5-1. 상품 목록
5-2. 배송지
5-3. 결제
5-4. 주문 완료(주문번호)
회원 user
6-1. 로그인
6-2. 회원가입
6-3. 회원정보수정
6-4. 주문조회
이벤트 event
7-1. 수영 챌린지(오수완 인증)
7-2. 이벤트(진행중인 이벤트/ 종료 이벤트)