WIL : React 프로젝트

hihyeon_cho·2022년 12월 25일
0

WIL

목록 보기
8/19
post-thumbnail

이번주는 심화주차 강의를 들으면서
Redux toolkit으로 Redux를 간편하게 사용하는 방법, 그리고 json server로 mock data만들기, axios를 사용하여 서버에 데이터를 요청하는 방법( GET ,POST, DELETE, PATCH ), 비동기작업을 처리하는 action을 만들어주는 thunk, state의 내용의 불변함을 유지시킬 수 있도록 사용하는 임시복제본인 immer, 불필요한 리랜더링을 막아주는 memo(),useCallbackuseMemo, 중첩라우터를 사용하기 위해 사용하는 outlet과 toolkit에 내장되어 있는 uuid를 대체할 수 있는 고유값인 nanoid, 그리고 반복되는 코드를 관리하는custom hook에 대해서 공부했다.

저번주에 계획한 것 처럼 수업 후에 redux로 todolist 만드는 연습도 몇 번 해보니까, redux의 흐름도 이해가 가고, 기존에 useState와 props로만 만들었던 todolist도 redux를 이용하도록 수정할 수 있고, redux todolist도 잘 만들 수 있게 되었다.
아직은 tookit 다루는게 서툴고 thunk도 막상 써보려니까 어려워서 프로젝트도 쉽지 않은 느낌이다. 아무래도 좀 더 연습이 필요하다고 생각이 들어서 다음주는 여태까지 공부한 내용들을 프로젝트에 잘 담아서 마무리하고, 프로젝트가 끝나면, redux toolkit과 thunk를 이용해서 만드는 것도 여러번 연습해봐야겠다.

그래도 이번 주, react가 아직 익숙치 않아서 공부하는 동안은 많이 어려웠지만, 프로젝트를 시작하면서 팀원들과 하나하나 만들어 나가는 과정이 재미있었던 한 주 였다.
다음주에도 팀원들과 소통하면서 프로젝트 잘 마무리 할 수 있었으면 좋겠다 :-)

profile
코딩은 짜릿해 늘 새로워 ✨

1개의 댓글

comment-user-thumbnail
2022년 12월 26일

순간순간 매일을 즐기시는점 너무 보기좋습니다
끝까지 화이팅!

답글 달기