bullwoostar / team5-mini-project Goto Github PK

📌 Issue 한 줄 요약

Gnb 컴포넌트 제작

🤷 상세 내용

Gnb 제작 및 기능구현

✅ 체크 리스트

• 회원정보수정(새 창 열기)
• 로그아웃

📌 Issue 한 줄 요약

로그인 회원가입 기능 추가

🤷 상세 내용

• 로그인 접근권한 추가
• 로그인/회원가입 에러메시지 예외처리�

✅ 체크 리스트

• 로그인
• 회원가입
• 회원정보 수정

📌 Issue 한 줄 요약

HEADER, NAVBAR 컴포넌트 레이아웃 배치

🤷 상세 내용

HEADER, NAVBAR 컴포넌트 레이아웃 배치

✅ 체크 리스트

• HEADER, NAVBAR 컴포넌트 레이아웃 배치

📌 Issue 한 줄 요약

Promotion Page 컴포넌트 작업

🤷 상세 내용

• 백엔드 랜덤 알고리즘에 따라 랜덤으로 대출상품을 보여주는 페이지 입니다.

✅ 체크 리스트

• 페이지 설계에 맞춰 스타일 구현
• promotion-slice의 data 잘 불러와지는지 확인

📌 Issue 한 줄 요약

로그아웃 기능추가 및 로그인시 이동경로 수정

🤷 상세 내용

로그아웃 기능추가 및 로그인시 이동경로 수정

✅ 체크 리스트

• [�x] 로그인
• 회원가입
• 회원정보 수정

📌 Issue 한 줄 요약

전반적인 장바구니 기능 구현

🤷 상세 내용

• 대출 상품 카드에서 + 버튼을 누르면 cart 페이지에 추가하기
• cart 페이지에서 - 버튼을 누르면 담아둔 대출 상품 삭제하기
• cart 페이지에서 선택 후 체크아웃 버튼 누르면 대출 상품 신청

✅ 체크 리스트

• cart Item add 구현
• cart item remove 구현
• checkout 구현

📌 Issue 한 줄 요약

더미데이터 생성

🤷 상세 내용

1. 최상위 경로에 db.json 생성
2. 테스트를 위해 페키지 다운로드

yarn add json-server-auth

package.json 파일의 script 부분 추가

"server": "json-server-auth --watch db.json --port 8000"

1. 기능 테스트
   개발환경 터미널

yarn server

브라우저환경 터미널

yarn start

✅ 체크 리스트

• 로그인 페이지
• 회원가입 페이지
• 회원 정보 수정

📌 Issue 한 줄 요약

Homepage 컴포넌트 스타일 수정

🤷 상세 내용

• Homepage 전반적인 수정
• favicon 이랑 Home logo 추가
• 로그인 / 회원가입 버튼 수정

✅ 체크 리스트

• 로그인 / 회원가입 버튼 컴포넌트로 대체
• 홈 로고 이미지 삽입
• favicon 추가

📌 Issue 한 줄 요약

NavBar 컴포넌트 제작

🤷 상세 내용

NavBar 제작 및 기능 구현

✅ 체크 리스트

• 네비바 만들기
• 클릭 기능 구현
• 네비바 스타일

📌 Issue 한 줄 요약

All Product Page 작업

🤷 상세 내용

• 모든 상품이 정렬되어서 나오는 페이지입니다
• api 데이터가 나올때 까지는 더미데이터를 사용하겠습니다

✅ 체크 리스트

• 페이지 틀 만들기
• 검색 input 만들기
• 상세 style 입히기

📌 Issue 한 줄 요약

Curation Page 컴포넌트 작업

🤷 상세 내용

• 개인 맞춤 대출상품을 보여주는 페이지 입니다.
• 로그인 사용자의 이름을 보여줍니다.
• 추천 대출상품의 합산 금액을 보여줍니다.

✅ 체크 리스트

• 페이지 설계에 맞춰 스타일 구현
• curation-slice의 data 잘 불러와지는지 확인
• 사용자 이름 맞게 나오는지 확인
• 추천상품 합산금액 검토
• 사용자 정보 수정시 바뀐정보 적용되는지 확인

📌 Issue 한 줄 요약

Searched product 구현 및 all product와 연동

🤷 상세 내용

• 검색된 내용을 뿌려주는 searched product 컴포넌트를 만들고 all product 페이지에 연동하겠습니다
• 검색내용을 필터링 하는 필터를 구현하겠습니다

✅ 체크 리스트

[ ] searched product 컴포넌트, store slice 만들기
[ ] 검색내용 필터 구현

📌 Issue 한 줄 요약

로그인/로그아웃 에러 수정

🤷 상세 내용

로그아웃시 새로고침 후 쿠키가 제거 되는 현상을 확인하여
로그아웃시 이동한 페이지에서 한번 새로고침 하는 코드 추가

✅ 체크 리스트

[ ] TASK 1
[ ] TASK 2
[ ] TASK 3

📌 Issue 한 줄 요약

404page 완성, nav bar 수정, 상품검색 후 전체상품으로 돌아갈수 있는 버튼 생성

🤷 상세 내용

404page 완성, nav bar 수정, 상품검색 후 전체상품으로 돌아갈수 있는 버튼 생성

✅ 체크 리스트

• 404page 완성
• nav bar 수정
• 상품검색 후 전체상품으로 돌아갈수 있는 버튼 생성

📌 Issue 한 줄 요약

Header 컴포넌트 제작

🤷 상세 내용

Header 제작 및 기능 구현

✅ 체크 리스트

• 헤더만들기
• 클릭 기능 추가
• gnb 토글

📌 Issue 한 줄 요약

curation-slice 구현

🤷 상세 내용

• 개인 맞춤 대출상품 정보를 API와 통신해 받아옵니다.

✅ 체크 리스트

• API data를 정상적으로 불러오는지 확인
• Curation Page와 잘 연결됐는지 확인

📌 Issue 한 줄 요약

Loading 컴포넌트 제작입니다.

🤷 상세 내용

API 통신 중 불러올 Loading 컴포넌트 입니다.

✅ 체크 리스트

• 화면 중간에 있는지 확인

📌 Issue 한 줄 요약

�All product page component 별로 분리

🤷 상세 내용

�All product page 를 검색컴포넌트, 필터컴포넌트, 보여지는 부분으로 분리합니다

✅ 체크 리스트

• 검색컴포넌트 분리
• 필터컴포넌트 분리

📌 Issue 한 줄 요약

homepage.jsx

🤷 상세 내용

무슨 이슈인가요?

✅ 체크 리스트

[ ] TASK 1
[ ] TASK 2
[ ] TASK 3

📌 Issue 한 줄 요약

Card 컴포넌트 작업

상세 내용

• 대출 상품을 시각화하는 Card 컴포넌트 제작입니다.
• 임시로 전체 상품을 조회하는 '/allproduct' 경로에 뿌려 놓을 예정입니다.
• API 제작 전에 사용할 더미데이터를 utils 폴더에 지정하겠습니다.

✅ 체크 리스트

• 더미 데이터 만들어서 임의로 뿌려보기
• �스타일 수정(색상, 글자 배치)
• 백그라운드 컬러 테마로 빼기

📌 Issue 한 줄 요약

전체적인 페이지의 스타일을 일치시킵니다.

🤷 상세 내용

페이지의 통일성을 위해 스타일 수정합니다.

✅ 체크 리스트

• 버튼 통일성
• 사용자 편의성 향상

📌 Issue 한 줄 요약

모달 컴포넌트 구현

🤷 상세 내용

장바구니에서 대출상품 신청을 클릭 시 모달 창이 뜨게 모달 컴포넌트를 구현합니다.

✅ 체크 리스트

• Modal 재사용컴포넌트 구현
• Cart 컴포넌트에 Modal 사용해보기

📌 Issue 한 줄 요약

NotFound.jsx

🤷 상세 내용

무슨 이슈인가요?

✅ 체크 리스트

[ ] TASK 1
[ ] TASK 2
[ ] TASK 3

📌 Issue 한 줄 요약

전체영역 가운데 정렬 레이아웃 추가

🤷 상세 내용

전체영역 가운데 정렬 레이아웃 추가

✅ 체크 리스트

• 모든 페이지 가운데 정렬 적용 됐는지 확인

📌 Issue 한 줄 요약

promotion-slice 구현

🤷 상세 내용

백엔드 랜덤 알고리즘에 따라 랜덤 대출상품을 API와 통신해 받아옵니다.

✅ 체크 리스트

• API data를 정상적으로 불러오는지 확인
• Promotion Page와 잘 연결됐는지 확인

📌 Issue 한 줄 요약

로그인/회원가입 API 연결

🤷 상세 내용

로그인/회원가입 API 연결

✅ 체크 리스트

• 로그인
• 회원가입
• 회원정보 수정

📌 Issue 한 줄 요약

Cart 레이아웃, Button, NavBar 스타일 수정

🤷 상세 내용

Cart 레이아웃, Button, NavBar 스타일 수정

✅ 체크 리스트

• Cart 레이아웃
• Button 스타일 수정
• NavBar 스타일 수정

📌 Issue 한 줄 요약

All product page api 적용 및 리팩토링

🤷 상세 내용

All product page api 적용 및 리팩토링

✅ 체크 리스트

• API 적용
• 리팩토링

📌 Issue 한 줄 요약

공통으로 사용하는 버튼 컴포넌트 구현

🤷 상세 내용

각 컴포넌트 마다 버튼을 사용하는데 그때마다 공통 스타일이 지정된 버튼 컴포넌트를 구현하려고 합니다.

✅ 체크 리스트

• 기본 버튼 스타일