2차 트러블 슈팅

FE 멘토링 요청서

• 멘토 가능 일정
  • 1차 : 10 월 04 일 19 시 00 분 ~ 19 시 30 분 (30분)
  • 2차 : 10 월 09 일 14 시 00 분 ~ 15 시 30 분 (1시간 30분)

금번 멘토링 목표

성공적인 프로젝트 완성을 위한 조언과 API 적용 중 생긴 오류 해결, 프로젝트 설계에 관한 멘토링.

프로젝트 진행 상황

• 로그인 / 회원가입 API 적용 중.
• API가 나오지 않은 기능들은 레이아웃 먼저 작업 중.
• 현재 레이아웃 완성 상황: 헤더,풋터, 메인, 로그인, 메뉴, 상품 카드, 상품 목록 페이지, 공지사항, 자료실

질문 사항

Q1. input에 useRef를 사용한 이후로 들어가는 데이터 값이 undefined가 나옵니다.

Q2. 체크박스 배열로 넣을 시다음과 같이 체크 박스를 클릭했을 때

• console.log(data)로 확인 시, value에는 값이 들어가는데, groupTrip을 보면 false로 불린 데이터로 있습니다.
• 그런데 회원 가입을 누를 시 , groupTrip에 배열 데이터로 들어간 것을 확인할 수 있습니다.

이렇게 되는 이유가 무엇인지 궁금합니다.

Q3. 그룹별 여행 페이지 들어갔을 때 전체 상품 목록이 보여지고 상세 그룹탭을 누르면 Outlet으로 보여지게 설계했습니다.
      상세 그룹탭을 누르면 먼저 보여지던 전체 상품 목록들이 사라지고 그룹탭에 맞는 상품이 나오게 하고 싶은데 어떻게 해결해야할 지 모르겠습니다..

Q4. useQuery 사용 시, fetch함수가 계속 실행되는데 어떻게 해야 되나요?? 인터넷에 찾아보면 useEffect에 넣으면 된다고해서 useEffect에 넣어도 똑같습니다.

Q5. 토큰 재요청 api 연결할 때, body 값으로 accessToken, refreshToken을 넣어어야하는데, accessToken을 할당할 수 없다고 나옵니다. 어떻게 해결해야할지 모르겠습니다.

Q6. 회원가입에 성향체크가 있는데 다른 페이지에서 이 기능을 사용하는 곳이 없습니다. 그럼에도 이 부분을 구현을 해야할까요?

멘토 답변 정리