항해 99 8주차 회고 - (7)

1. 작업중 생긴 문제들

• 게시글 작성 페이지

  • 문제

  • 제목, 한줄소개, 기간, 프로젝트 내용, 값이 리듀서와 연결되어 값이 잘 뜨지만, 드롭다운해서 선택하기 버튼들은 값이 안들어오는 문제 발생

  • 해결한 방법

  • 외부 라이브러리 사용

  1. react-datepicker(달력 체크하는 라이브러리)
  2. react-select(메뉴를 쉽게 만들어주는 라이브러리)

  • https://ichi.pro/ko/react-selectleul-sayonghamyeon-seontaeg-ganeunghan-menyuleul-swibge-mandeul-su-issseubnida-102933182537945

• 라이브러리 데이터 불러오는 문제 및 해결방법("react-select", "react-datepicker")

  • 문제 : 라이브러리를 사용했을 때 value값을 불러올 때 다양한 방법들이 있었으면 value, setValue, defaultValue등 여러 value값을 넣어 줬지만 해결되지 않는 문제가 발생했다.

  • 해결방법 : 라이브러리 해당 공식문서를 꼼꼼히 훓어보고 value값이 어떤 식으로 전달되는지 활용하였다.

  • 참고자료(react-select)

  1. (https://react-select.com/props)

  2. (https://codesandbox.io/s/8lwg4?module=/example.tsx&file=/example.tsx:1515-1527)

  • 참고자료(react-datepicker)

  1. (https://www.telerik.com/blogs/date-formats-cheat-sheet-format-dates-react-datepicker)
  2. (https://reactdatepicker.com/)

• 상세페이지에 들어왔을 때, 새로고침하면 메인으로 이동하는 문제발생

  • 목표: 다른 페이지에서 새로고침했을 때 해당 페이지 유지

  • 문제 : 메인페이지에서 리스트 중 하나를 택 했을 때, 상세페이지로 이동을 하지만 그 안에서 새로고침 했을 때 메인페이지로 이동하는 문제가 발생했다.

  • 해결방법 : user.js에서 로그인 정보 유지하는 부분에서 history.replace("/")를 주석처리 해주었다.

• 목표: 다른 페이지에서 새로고침했을 때 해당 페이지 유지

  • 수정하기페이지에 들어왔을 때, 새로고침하면 메인으로 이동하는 문제발생

  • 목표: 다른 페이지에서 새로고침했을 때 해당 페이지 유지

  • 문제 : 메인페이지에서 리스트 중 하나를 택 하고, 상세페이지에서 수정페이지로 이동을 한상태에서 새로고침을 하면 메인페이지로 이동하는 문제가 발생했다.

  • 해결방법 :user.js에서 로그인 정보 유지하는 부분에서 history.replace("/")를 주석처리 해주었다.

• Map 목표, 문제, 해결방법

  목표 : 신청자의 리스트를 나열해준다.

  문제 : 신청자의 리스트를 map으로 돌려 데이터를 가져오려고 했지만 TypeError: passdedMenber.map is not a function라는 에러가 발생했다.