suhyxn/team4-mini-project

team4-mini-project's Issues

라우터 구조 변경

• home에 네스팅되어 있는 signup, login페이지 분리

SignUp

• 컴포넌트 배치 및 스타일링
• 추가정보로 넘어가도록 라우터 설정

NotFound

NotFound.jsx

• 스타일 적용
• 홈으로 라우터 추가
• App.jsx에 라우터 주소 추가

버튼 컴포넌트 확장

• witdh가 view포트에 맞춰 조절되게 만들기
• 라디오 버튼 형식으로 만들기

Additional 구조 변경

• 공통 컴포넌트 분리
• 버튼 컴포넌트 라디오버튼으로 수정

cartApiSlice

cartApiSlice.js

• 조회
• 추가
• 취소
• 장바구니 화면에 띄우기
• 카드에 연결
• 론에 연결

MyPage 에러 해결

• Uncaught TypeError: Cannot read properties of undefined (reading 'map') at MyPage (index.jsx:31:26) 에러 확인 수정

Home

• Loan, Bank 컴포넌트 생성
• 메인페이지 컴포넌트 분리
• 탭구현

RTK쿼리 연습

(with 다영)

• 폴더 구조 세팅하기
• 더미데이터 만들기
• 필요한 데이터 api응답값과 비교확인

Nav-edit

• 버튼 클릭시 라우터 적용
• style
• add button

Login

• 로그인 내부 template두개로 분리하기
• 로그인 영역 디자인하기
• 컴포넌트 이동 로직짜기

Input.jsx

Input.jsx

• 스타일 적용

producttApiSlice

• rkt api테스트
• 필요한 데이터 Loan컴포넌트로 전달하기

LoanDetail

• loan constants 생성
• 데이터 출력 확인
• button 컴포넌트 적용
• 스타일 적용
• Header 적용

Nav

• [ ] 리액트 아이콘 넣기
• [ ] 디자인 완료하기

ProductDetail

• card constants 생성
• 데이터 출력 확인
• button 컴포넌트 적용
• 스타일 적용
• 뒤로가기 컴포넌트 생성

Loader

• Bootstrap spinner 이용
• 스타일 적용

Radio

• Radio버튼 스타일링

Additional

• 회원가입 추가 정보 페이지

userEdit

• 스타일 디자인하기

RTK api 폴더 구조 변경

• api폴더, store폴더 정리
• store 폴더 내 slices, apis폴더로 정리
• productApi 동작확인

Card

• props로 커스텀 가능
• react icon 사용

dummy data 수정

• response값에 맞춰 더미데이터 수정

Button

• common버튼 컴포넌트
• props로 크기 받을 수 있게 디자인

Filter

• type radio 형식 적용
• checked시 효과 적용
• 스타일 적용

recommended. 추천상품페이지 만들기

• 추천페이지 스타일링
• 쿼리 만들기
• 데이터 뿌리기
• 클릭하면 디테일로 넘어가는 로직짜기

Login

• 버튼 생성
• 스타일 적용

Loan

• Loan 카드 컴포넌트 디자인
• Loan 카드 컴포넌트 구조 잡기

MyPage

• button 컴포넌트 적용
• 데이터 출력 확인
• 스타일 적용

ProductDetail

• productDetail 충돌 에러 해결

authApiSlice

authApiSlice

• 로그인
• 로그아웃
• 인증갱신

프로젝트 단위설정

• 1rem 단위로 변경하기

Home-edit

• 조건부 랜더링 설정
• ifTab 컴포넌트 생성 // onClick Value를 Props로 받을 컴포넌트 생성

기본 패딩 수정

• 기본 화면 스타일 피그마에 맞추기

CustomInput

• 로그인, 회원가입, 회원정보 수정에서 사용할 input 만들기
• 포커스 가능하게 만들기

Footer

• 날짜 함수만들기

favoriteApiSlice

favoriteApiSlice.js

• 조회
• 수정
• 삭제
• 관심상품 페이지에 연결
• 컴포넌트에 연결

Nav

• NavBtn 만들기
• 스타일 적용

Card-edit

• Card style update

Nav

• display: fix로 수정
• border-radius주기

gototop

• 스타일 적용

Login

• button 컴포넌트 적용
• input 컴포넌트 적용
• 스타일 적용

Header

• 로고 디자인 및 컴포넌트 유무고민
• 헤더 영역 디자인
• 반응형여부

orderApiSlice

• 장바구니 상품 order 요청
• 상품 클릭시 디테일 페이지로 이동 로직짜기

Search

• 스타일링 적용

devlop 스타일 수정

• 머지 후 생기는 스타일 변경 사항 수정
• nav아래로 카드 감춰지는 부분 수정
• Loan 컴포넌트 favorite 제거 수정(제거=>추가)
• GotoTop 컴포넌트 생성
• GotoTop app.jsx에 추가

Loan-edit

• style update

Favorites

• 컴포넌트 연결

Style

• pr 과정 중 지워진 스타일 재설정

Favorites

• 스타일 적용
• constants 데이터 출력 확인
• Header 적용