회의록

2024-12-02 ~ 2024-12-06

2024-12-02 : 기획 회의 진행

• 서비스 구분 : 커머스 > 전자제품
• 서비스 개요 : 사용자가 원하는 제품을 쉽고 빠르게 구매할 수 있는 전자제품 쇼핑몰 사이트
• 제공 기능 : 맞춤형 제품 추천, 검색 시스템 등
• 페이지 구성 : 랜딩페이지, 상품 검색, 상품 조회, 로그인 및 회원가입, 주문 조회 등
• 팀/코드 컨벤션 협의

2024-12-03 : 기획 회의 및 디자인 작업 시작

• 개발 기능 논의 : 제품 추천 방식, 검색 옵션 등 세부 내용 협의
• 페이지 구성 : 맞춤형 제품 추천, 비회원 주문조회 등 일부 페이지 분리
• Figma 디자인 작업 시작 : 페이지별 디자인

2024-12-04 : 디자인 초안 완성

• 반응형 구현 논의 : 종단점 (1024px, 568px)
• Figma 반응형 페이지 등 디자인 작업 진행

2024-12-05 : 업무 분장 논의 및 기획 발표

• 업무 분장 논의
  • 프론트엔드는 페이지 기준으로 분배 (추후 조정 가능)
  • 백엔드 및 DB 과정은 모든 팀원이 공동으로 설계, 개발, 테스트 및 검증 참여 (세부 작업 단계 추후 분배)
• 기획 발표 자료 작성

2024-12-06 : 프로젝트 폴더구조 논의 및 라이브러리 서치

• 프로젝트 폴더구조 논의
  • 리액트 프로젝트의 기본 폴더 구조 구성요소를 논의 및 적용
• 생산성 향상을 위한 라이브러리 서치
• 개발기초 세팅: 폴더구조, 폰트, 테일윈드, 라우터 설정 등

2024-12-09 ~ 2024-12-13

2024-12-09 : 제품 상세 페이지 구성요소 논의 및 상태관리 레이블 설정

• 상품 상세 페이지내에서 반품/교환 정보는 모든 상품이 동일한것으로 간주해 구현 결정

  • 구현을 할려면 DB내 데이터를 추가해야하고 쇼핑몰의 핵심기능이 아니다 라고 판단해 DB 내용 추출이 아닌 Defalut 내용 표현

• 프로젝트 상태관리 에서 추가 레이블 등록 ( 팀간의 코드리뷰, 그외 코드리뷰 )

2024-12-10 : 담당 페이지 개발 및 진행사항 공유

• Daily Scum
  • 12-09 작업한 내용 코드 리뷰 및 merge 작업
  • 오늘 작업할 페이지 선정
• 논의 내용
  • Headless UI 체크박스 오류 색상 적용 안됨 : 테일윈드 설정 수정 및 적용 코드 공유 (layout-checkbox)

2024-12-11 : 상품 검색 페이지 내 디자인 변경 및 합의

• 상품 검색 페이지 옵션창 디자인 변경

  • 상품 검색 페이지 내 옵션창이 데스크탑에서는 문제가 없지만 태블릿 화면과 모바일 화면의 크기 차이가 심해 옵션이 가려지거나 깨지는 현상 발견
  • 페이지 내 옵션을 기존 형식에서 카테고리 클릭시 하위 옵션들이 아코디언 형태나 슬라이드 형식으로 구현하는걸로 변경

• 깃허브 저장소의 기본 규칙 설정 (main branch 만 해당)

2024-12-12 : 이미지 저작권 관련 사항 및 시멘틱 태그 룰

• 관련 이미지는 피그마 무료 에셋을 가져옴 (상업적 용도가 아님)

• div 태그를 사용하는것으로 정함 단 향후 변경 가능성이 있음

2024-12-13 : 멘토 코드 리뷰 및 페이지 연결 논의

• 멘토 리뷰 요청 (1인 1PR)

• 브랜치 룰 수정: main 브랜치 업데이트 제한 해제

• productSearchPage 하위의 카테고리(notebook, tablet 등) 검색 페이지들의 경로, 연결 방식 논의 (미정)

2024-12-16 ~ 2024-12-20

2024-12-16 : 레이아웃 작업본 병합 및 백엔드 작업 시작

• 레이아웃 피드백 반영본 main 브랜치 merge
• 프로젝트 폴더 구조 변경 : frontend, backend 구분
• 백엔드 논의
  • 모델 정의 : 사용자 User, 상품 Product, 주문 Order
  • 모델 관계 정의
  • API 설계 (진행중)

2024-12-17 : 팀원 이탈로 인한 작업물 조정 및 협의

• 팀원 이탈로 인해 작업물 조정 및 협의 (우선순위 설정 및 배제)
• 백엔드 구현은 node.js 를 firebase 로 대체 (작업시간 단축 필요성)

2024-12-18 : firebase 공부 및 진행사항

• firebase 를 처음사용하여 관련지식 습득 및 초기셋팅
  • default 호스팅 페이지 설정시 vite build 전 파일이 아닌 build 후 파일을 지정해야함 ex) dist/index.html
  • firebase api key 값을 .env 파일에 저장후 firebase.ts 에서 import 시 대소문자 확인 필요

2024-12-19 : 상품 정보 화면 표시 및 인증 기능 추가

• db에 상품 이미지 및 정보를 화면 페이지에 출력 및 sort 기능 추가
• 회원가입 및 로그인 기능 구현 및 마이페이지에 출력 기능 추가
• 상품 상세 페이지: 제품 정보 db 연결 및 장바구니 담기 시 db 적용(수정)

2024-12-20 : 마이페이지 기능 및 장바구니 기능

• 마이페이지 주소 변경 및 비밀번호 변경, 주문내역 표시
• 랜딩페이지 : 제품 정보 카테고리별 분리 노출, 상품 상세페이지 연결 등 DB 연결

2024-12-21 : 상품 검색 페이지 기능 및 장바구니

• 상품 검색 페이지 검색 기능 구현
• 마이 페이지 도로명 주소 검색 API 기능 수정
• 장바구니 페이지 DB 연결 및 수량 조절, 선택삭제, 상품페이지 연결 등

2024-12-23 ~ 2024-12-27

2024-12-23 : 결제페이지 및 상품 검색페이지

• 상품 검색 페이지
• 결제 페이지 기본배송지 적용, 비회원 구매(장바구니) 및 상품 바로구매 기능(session 저장소)

2024-12-24 : 상품 DB 자료 추가 및 버그 수정중

• 상품 검색 페이지
• 결제 페이지 개인정보 동의 등 결제 버튼 조건 설정, 결제수단 별 할인 적용 및 결제 관련 버그 수정중
• 상품 DB 자료 추가

2024-12-26 : 개발 마무리 및 버그 수정중

• 비로그인 상태에서 마이페이지 접근 차단 설정, 제품 상세 스펙 탭 등 기능 개선
• 도로명 주소 적용 안됨, 구매 옵션 용량별 정렬 등 버그 수정
• 기타: 타입 오류, DOM 구조 경고 등

2024-12-27 : 발표 자료 준비 및 반응형 오류 해결

• 프로젝트 발표 자료 준비
• 반응형 문제 ( 사이즈가 작아질시 레이아웃이 깨지는 현상) 해결
• DB 내용 추가