[React] API 연동 공부 마무리

이 카테고리에서는

컴포넌트 내부에 Hooks를 사용해보고, Context와 함께 사용해보고,

마지막에서는 재사용 및 간결성을 위한 유틸함수 몇가지를 만들어서 코드를 간결하게 만들어줬다!

 

지금까지 배운 API 연동 방법으로는 API를 연동해서 개발을 하게될때 큰어려움은 없다고 하나,,

Redux 등의 상태 관리 라이브버리를 함께 사용하기도 한다!

 

해당 상태 관리 라이브러리를 사용했을때의 이점은

좀 더 체계적으로 비동기 관련 액션을 처리할 수 있고 여러 미들웨어 라이브러리를 사용하여 복잡한 비동기 작업을 좀 더 편하게 처리해줄수 있다고 한다.

또한, 서버 사이드 렌더링을 구현하게 될 때, 서버에서 들고 있는 데이터를 쉽게 보존하여 그대로 브라우저에게 전달해주는 과정이 훨씬 쉬워지기도 한다고 한다!

서버 사이드 렌더링
- 서버에 HTML 파일을 저장해두었다가, 요청이 발생할 때 모든 파일을 브라우저에 전달하는 방식으로 SEO, 인덱싱, 크롤링에 최적화되어 있다.

 

 

다음 공부로는 Redux 카테고리로..!

 

사실 Redux 공부는 한이음 프로젝트를 하며 (Redux 말고 그냥 다른 React 기술 ,, API 연동은 물론이고,, ) 이미 많이 익혀져있다.

하지만, React에 대해 더 체계적으로 공부해보고자! 개념부터 탄탄하게 공부해보고자! 벨로퍼트님의 리액트 포스팅을 보고 계속 공부해나갈 것이다!