서버와 통신

리덕스와 리덕스 툴킷을 배울 때까지만 해도 쉬웠었는데 axios로 서버와 통신하는 순간부터 어느 때보다도 많은 에러를 접할 수 있었던 주차였다..

생소한 axios와 thunk를 접하며 비동기까지 섞이니까 확실히 지금까지 배운 과정 중에선 제일 어려웠던 듯...

 

그래도 쓰다보니 익숙해지긴 했지만 axios를 사용하는 다른 방법들이 또 있다고 하니 다음 주차엔 배운 것들을 다지며 채워나가는 시간을 가져야 할 것 같다,

 

---

이번 주차에 한 것들

• 작성한 redux코드들을 redux toolkit으로 전환 ()
•  axios와 thunk를 이용한 get, post, delete, patch
• extra reducers 객체 표기법으로 썼다가 RTK 2.0에서 객체 표기법이 삭제될 것이라는 말에 빌더 콜백 표기법으로 수정
• 스타일 컴포넌트 props로 범용성 높여보기
• input창 유효성 검사와 그에 따른 버튼 비활성화 및 alert 창 띄우기
• 삼항 연산자를 이용한 댓글 수정 기능
• 깃 플로우 터득 (협업에서 main 브랜치 병합 시 충돌 안 나게 하고 충돌나더라도 해결할 수 있게 됨)

 

---

다음 주차에 해볼 것들

스타일 컴포넌트의 범용성을 생각하며 쓰다보니 선택자 등의 활용에서 스타일 컴포넌트를 쓰는 데 한계에 부딪혔다.

공식 문서로 가보니 생각보다 방대한 활용법이 적혀있어 읽어보고 적용을 해볼 생각이다.(구글링으로는 안나오는 것들이 잔뜩 적혀있어써 괜히 공식 문서를 보라는 게 아니라는 것을 체감함)

 

커스텀 훅과 axios 인스턴스를 숙달시켜볼 생각이다. 원래는 이번 주차에 해보려고 했는데 생각보다 시간에 쫓기든 일정이 진행 돼 우선 당장은 적용해보는 것부터 시작해볼 예정.

 

백엔드와 협업해 로그인 기능을 맡게 돼 로그인 기능도 구현해볼 예정이다.