[항해99 6주차] - [Spring & React] 미니 프로젝트 (3) - 커스텀 훅

 

 

길지만 짧았던(?)

6주차 미니 프로젝트를 끝내고

회고를 해보려고 한다.

 

 

 

https://www.youtube.com/watch?v=QHJPkb07igE 

 

 

 

중고물품 거래하는 사이트였으며

 

처음에 구현하려했던 기능은

리액트와 리덕스를 사용한

게시글, 댓글 CRUD외에도

 

찜하기, 검색, 카테고리 분류 등

많았으나

 

시간이 부족한 관계로 

이번에도 게시글과 댓글의

CRUD만으로 만족해야했다.... 슬프다.....

 

 

하지만

정말 많이 배웠다

전부 소화할 수는 없겠지만

습득했던 내용이 많았다.

 

 

처음에 백엔드 분들과

API명세서를 작성하고

데이터를 주고받기위해

연동하는 과정에서 

오류가 무수히 많았지만

소통이 잘돼서 큰 문제없이 넘어가게 됐다.

 

 

 

http와 https의 관계 그리고 JWT와 세션방식의 차이

등을 알게 됐으며 JWT토큰에 대한 두려움을 조금은 해소했다.

 

 

 

또한 의외의 큰 수확은 바로

커스텀 훅

이었다.

 

 

 

매니저님한테 질문하는 과정중에 알게된 기술인데

커스텀 훅을 사용해 

 

함수 호출하나만으로 

컴포넌트 어디에서든 

원하는 데이터를 쉽게 가져올 수 있다.

 

 

 

 

 

예를 들어 현재 로그인한 회원의 정보를 알고싶다면

 

위와 같이 파일을 하나 생성하고

로그인한 회원의 정보를 요청하는 API를 실행하는 함수를 만들어준 후

리턴값을

 

  const username = UseGetUser();

 

이런식으로 가져와 원하는 컴포넌트 어디에서든 가져다 쓸 수 있게 되는 것이다!

 

커스텀 훅이 너무 편해서

입꼬리가 올라간 채

실실 웃으며 개발했던 기억이 난다.

 

 

이렇게 통신하는 것 외에도

다른 정보가 필요할 때 

반복적으로 사용할 것 같다 싶으면

 

무조건 커스텀훅으로 이용할 수 있을지 고려해봐야 될 것 같다!

 

 

 

 

이렇게 미니프로젝트가 끝났고

 

오늘부터는 시중에 나와있는

잘 짜여진 프로그램을 클론코딩 하는 주차인데

과연 얼마나 더 고생하게 될지 궁금하다.

 

 

그만큼 성장하는 느낌이 들어

힘들었던 만큼 뿌듯한 한주였다.