모든 블로그
넥스트리

넥스트리

도메인nextree.io
주요 카테고리 백엔드 · 프론트엔드 · AI

활동 요약

대표 인기 포스트DB 트랜잭션 중심 대량요청 처리 최적화651 조회
최근 30일
18개
평균 조회
66
누적 조회
11,766
전체 글
177개
마지막 발행
2026. 10. 30.
블로그 방문

넥스트리 기술 블로그 글 (41)

프론트엔드

React Query Key Factory 패턴 사용기

React Query 쿼리 키를 도메인별 factory로 관리해 캐시 구조와 무효화 범위를 명확히 정리하는 방법을 소개했습니다. queryOptions와 useQueries까지 함께 묶어 재사용성과 유지보수성을 높이는 흐름을 설명했습니다.

#React Query#cache#queryOptions
3300

프론트엔드

Execution Context

실행 컨텍스트를 통해 자바스크립트의 스코프, 호이스팅, this 바인딩을 설명했습니다. 콜스택과 환경 레코드 흐름을 이해하면 디버깅과 코드 해석에 도움이 됩니다.

#JavaScript#비동기#이벤트 루프
2300

프론트엔드

React Hook Form

React Hook Form의 useForm 기본 사용법과 주요 기능을 정리했습니다. 또한 Controller, useController, useFieldArray, useFormContext 활용법도 함께 소개했습니다.

#React#React Hook Form#Controller
2100

프론트엔드

리액트 상태관리 트렌드의 변화

리액트 상태관리의 흐름을 MVC부터 Redux, Context API, React Query, Jotai까지 정리했습니다. 또한 서버 상태와 클라이언트 상태를 분리해 쓰는 현재의 실전 관점과 주의할 점도 짚었습니다.

#React#상태관리#Redux
2800

프론트엔드

상태 관리 라이브러리 Zustand

Zustand의 상태 관리가 클로저와 React의 external store 구독으로 동작하는 방식을 설명했습니다. 또한 tearing 문제와 useSyncExternalStore의 역할을 통해 내부 원리를 따라 만들어 보았습니다.

#zustand#React#동시성
3600