NextJS
-
SWR로 데이터 가져오기NextJS 2022. 11. 14. 19:05
SWR을 왜 사용해야하는가? 프론트엔드에서 골칫거리중 하나는 바로 상태관리다. 보통 첫 생명주기를 갖는 제일 상위 컴포넌트에서 데이터를 useEffect로 가져와서 하위 컴포넌트들에게 props로 뿌려주는 방식으로 사용하였다. 하지만 프로젝트가 커지면서 Prop Drilling으로 인해 redux같은 전역상태관리 툴이 유행하였고, 그게 지금까지 프론트엔드에서 일반적인 상태관리 시스템이였다. 하지만 이 방식 또한 단점이 있는데 우선 데이터를 관리하기 위해 필요한 코드의 양이 많아진다.( 스토어 만들고, 데이터를 가져오고, 스토어에 넣는 액션을 하나하나 지정 등등..) 또한 동적인 요소가 많아지다보면 이것저것 신경써야 할 것이 한두가지가 아니였다. 그러던 중 next js 공식문서를 보다가 SWR을 알게되었..