5주차 | 바텀시트·캐러셀·친구·홈 퍼블리싱 수정, 펀딩 개설·펀딩 참여 Context API 조건부 렌더링 페이지 이동 및 데이터 관리, 엑세스 토큰 재발급 API 요청 Hook, 그외 코드 리팩토링

[hyerinxx]

✅ PR 체크 리스트

• [x] PR 제목: n주차 | 작업사항 요약
• [x] Reviewers, Assignees, Labels 설정

✨ 작업사항

• 퍼블리싱
  • 바텀시트 컴포넌트
  • bar 버튼 수평중앙정렬 오류 수정
  • 바텀시트 전체 높이 맞춤
  • action props 추가
    • 'transition'(기본): 기존과 동일
    • 'back': cross 버튼 클릭 시 페이지 뒤로가기, background 이벤트리스너 비활성화
  • 바텀시트 컴포넌트 사용 중인 페이지 수정
  • 캐러셀 컴포넌트
  • 페이지가 1개일 때, 페이지네이션 visibility: hidden;
  • 친구 페이지
  • 캐러셀 데이터 3페이지까지 배열 자르기
  • 이메일이 입력되지 않았을 때 버튼 disabled
  • 홈 페이지
  • 캘린더 컴포넌트 추가
  • 참여 가능한 펀딩 추가
• 라우팅
  • 펀딩 개설
  • Context API 조건부 렌더링 페이지 이동 (모든 페이지)
  • Context API 데이터 관리 (IndexPage.jsx, GiftSetPage.jsx, 그외 페이지는 준비만)
  • 펀딩 참여
  • Context API 조건부 렌더링 페이지 이동 (IndexPage.jsx만)
  • Context API 데이터 관리 (IndexPage.jsx만)
• API 요청 Hook
  • oauth.js: 엑세스 토큰 재발급
• 코드 리팩토링
  • 패스워드 컴포넌트
  • 태그 컴포넌트
  • 펀딩 컴포넌트
  • 검색 페이지
  • 선물 추가 페이지
  • 펀딩 정보입력 페이지
  • 비밀번호 설정 페이지

📸 구현 상태

💡 리뷰 요청사항

1. 펀딩 개설 / 선물 추가 페이지 → 선물 정보입력 페이지 뒤로가기

   • 선물 추가 페이지에서 뒤로가기 헤더 버튼 눌렀을 때 선물 정보입력 페이지에 마지막으로 입력한 선물 데이터가 뜨고 그걸 수정하게 하고 싶어요.
   • 모든 데이터를 다시 다 입력해야만 다음 버튼이 눌려요! 왜 그런지 모르겠어요.
   • 마지막 아이템 삭제하고 수정 아이템 저장하는 로직이 잘 작동하는지 확인 부탁드려요!

2. 펀딩 개설 / 데이터 관리

   • 선물 데이터를 선입선출 형식으로 저장하는 게 좋을 거 같은데, 펀딩 달성률 슬라이더 표시를 위한 데이터 정렬이 좀 힘들까요?

3. 펀딩 참여 / 페이지 이동, 데이터 관리

   • 펀딩 개설 작업 내용을 바탕으로 뼈대만 만들어 놓았습니다. 나머지는 @rwaeng이 API 연결 하면서 함께 완성해주세요😊

[hyerinxx]

2. 펀딩 개설 / 데이터 관리 giftData에 전역으로 선입선출 형식으로 저장하면 giftAddPage에서는 배열 복사해서 원하는 형식으로 가공한 다음에 사용하면 될 듯 합니다!! 지금 작성한대로 데이터 관리하면 될 듯 해요

아하 그러면 되겠네요~ 표시 부분만 복사해서 가공해 쓰고 삭제 기능 등은 원본 전역 상태 데이터 관리하면 되겠어요

[hyerinxx]

코드 리뷰 해주신 내용 바탕으로 모두 오류 해결했습니다! 감사해요😊👍

[rwaeng]

따봉~~ 확인했습니닷