4주차 과제

⭐️ 개인과제 Best Practice 선정

https://github.com/Paperkeem/pre-onboarding-8th-4week-6

2023.01.16 - 2023.01.19

댓글 CRUD with Redux

• redux-thunk를 사용해서 댓글 CRUD 비동기 처리
  • 댓글 CRUD 비동기 처리는 Redux createAsyncThunk를 사용해 구현
  • Redux logger, Redux-Devtools 설정
• 페이지네이션
  • 페이지네이션은 useEffect 내 async await를 사용하여 처리
  • 총 댓글수를 비동기로 받아와 응답값을 이용해 계산, 한 페이지당 4개씩 게시글을 호출
• 댓글 작성, 수정, 삭제 후 동작
  • 댓글 작성하고 난 뒤: 다른 페이지에 위치하고 있었더라도 1페이지로 이동, 입력 폼 초기화
  • 댓글 수정하고 난 뒤: 현재 보고있는 페이지 유지, 입력 폼 초기화
  • 삭제하고 난 뒤: 1페이지로 이동
• React TypeScript Redux Redux-thunk styled-components json-server

3주차 과제

[개인] https://github.com/Paperkeem/wanted-week3

[팀] https://github.com/wanted-onboarding8-6/pre-onboarding-8th-3week-6

2023.01.10 - 2023.01.13

검색창 구현, 검색 추천 기능 구현

• 질환명 검색시 API 호출 통해서 검색어 추천 기능 구현
  • split 함수를 이용하여 사용자가 입력한 텍스트와 일치하는 부분 볼드처리
  • 검색어에 Focus가 갈 시에 검색창에 추천 검색어가 뜨도록 구현