백엔드 개발만 하다가 요즘 잠깐 NextJS 13를 보면서, React Query / Context 등을 조금씩 써보며 헤딩하고있습니다. React Query를 뭔가 State Manager처럼 쓸 수 있는데, 지금 뭔가 제대로 쓰고있는 것 같지는 않아서 ㅋㅋㅋ 나중에 읽어보려고 링크 올려놓습니다. https://tkdodo.eu/blog/react-query-as-a-state-manager 회사에서 NextJS 쓴 플젝이랑, Pure React로 Error Boundary, Context API, React Query를 사용한 플젝을 각각 잠깐씩 커밋만 하면서 '이런게 생겼군' 했던걸 깊게 써보니 꽤 재미있네요 ㅎㅎ 직접 백지부터 구현해본거는 예ㅔㅔ전에 Class Component이던 시절이어서, 저에게는 Redux가 구축해본 가장 최신 State Management 툴이고, 들어본건 MobX 정도인데, 이제는 State Management 라이브러리를 따로 쓰지 않고 서버 쿼리와 함께 관리할 수 있는 점이 엄청 편한 것 같네요. 어차피 브라우저단에서 데이터 state가 필요한건 remote에서 가져온 데이터 형태일 테니 React Query로 대체하고, UI 관련 state는 각 UI Component 들이 핸들링하고, 뭔가 global 하게 component 끼리 서로 영향을 주는 UI state는 prop을 너무 길게 넘겨주면 귀찮으니 Context API를 사용하면 되지 않을까 하는 생각을 해봅니다. Hook 종류 아직도 모르겠는 (관심없어서 안찾아본) 것들(useMemo, useReducer 등등)도 있어서, 기회가 되면 기본 hook들의 차이와 Context API 쓰면서 느낀것들을 정리해봐야겠네요 ㅋㅋ 무튼 오랜만에 FE를 보니 새로운게 많아서 즐겁습니다만, 백엔드를 하기로 결정한 큰 이유 중 한가지였던 css는 여전히 제일 어렵네요.. tailwind 등으로 아무리 편해져봤자 미적 감각이 없어서 배치를 못하는 중.. 전업 FE는 절대 몬할듯..