국내 IT 기업 기술 블로그 최신 글

NEW FEATURE

기술을 읽던 곳에서, 다음 기회를 만나세요.

채용 검색부터 관심사 기반 추천, 내 적합도까지.

새로운 기술 블로그가 추가되었어요

필터 1
서버를 위한 Redux: Node.js 이벤트 소싱 라이브러리 개발기
당근마켓
백엔드

서버를 위한 Redux: Node.js 이벤트 소싱 라이브러리 개발기

이 글은 CRUD 중심 서버 설계의 한계를 보완하기 위해 이벤트 소싱과 Ventyd를 소개했습니다. 배포 추적과 게임 상태 관리 사례로 TypeScript 기반 도메인 로직 공유 방식을 설명했습니다.

#node.js#TypeScript
11200
React 상태 관리 라이브러리 비교: Zustand vs Recoil vs Jotai
데보션
프론트엔드

React 상태 관리 라이브러리 비교: Zustand vs Recoil vs Jotai

React 상태 관리 라이브러리로 Zustand, Recoil, Jotai를 비교했습니다. 프로젝트 규모와 상태 복잡도에 따라 적절한 도구를 선택하는 기준을 정리했습니다.

#React#Zustand
19200
JavaScript Proxy를 활용한 상태 추적 도구 개발기
우아한 형제들
프론트엔드

JavaScript Proxy를 활용한 상태 추적 도구 개발기

JavaScript Proxy로 상태 객체의 변경을 가로채 추적 도구를 만들었습니다. Redux 도입 없이도 디버깅 속도와 팀 생산성을 크게 높였습니다.

#JavaScript#Proxy
6200
React 전역 상태 관리, 무슨 라이브러리 써야 할까? \:\ Redux, Zustand 특징과 장단점 비교
인포그랩
프론트엔드

React 전역 상태 관리, 무슨 라이브러리 써야 할까? \:\ Redux, Zustand 특징과 장단점 비교

React 전역 상태 관리가 필요한 이유와 Context API의 한계를 먼저 설명했습니다. 이어서 Redux와 Zustand의 특징, 장단점을 비교해 선택 기준을 정리했습니다.

#React#Redux
4700
파일 변수 Deep-Dive
카카오엔터테인먼트FE
프론트엔드

파일 변수 Deep-Dive

상태의 추적 필요성에 따라 Redux, react-query, Zustand, 파일 변수의 역할을 분리했습니다. 서버 파일 변수는 AsyncLocalStorage로 요청별 컨텍스트를 격리해야 함을 설명합니다.

#Redux#react-query
000
파일 변수 Deep-Dive
카카오엔터테인먼트FE
프론트엔드

파일 변수 Deep-Dive

웹 서비스 규모가 커지며 Redux 전역 관리의 한계를 줄이기 위해 상태를 유형별로 분리한 사례를 소개했습니다. 추적이 불필요한 값은 파일 변수로 관리하고, SSG와 하드 네비게이션 제약도 함께 설명했습니다.

#Redux#Zustand
2400
쿠팡 파트너스

광고

개발자를 위한 서적을 확인해 보세요

이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

#개발서적#프로그래밍
리액트 상태관리 트렌드의 변화
넥스트리
프론트엔드

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

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

#React#상태관리
2500
뷰티 필터를 개발하며 얻은 새로운 경험
마켓컬리
프론트엔드

뷰티 필터를 개발하며 얻은 새로운 경험

뷰티 상품 탐색 경험 개선을 위해 웹 필터를 확장하고 React Query를 도입했습니다. URL 상태 저장과 서버 상태 동기화로 탐색 편의성과 데이터 최신성을 높였습니다.

#React#React Query
000
react-query로 데이터 처리하기 - 파트너스 레거시 코드 리팩토링(2) api 로직, react-query
카카오헤어샵
프론트엔드

react-query로 데이터 처리하기 - 파트너스 레거시 코드 리팩토링(2) api 로직, react-query

파트너스 서비스 레거시 코드에서 API 로직을 분리하고 React Query를 도입한 사례를 다뤘습니다. Redux 중심 구조를 정리해 데이터 처리 방식을 개선하는 방향을 소개했습니다.

#React#Redux
3100
React의 Error Boundary를 이용하여 효과적으로 에러 처리하기
카카오엔터테인먼트FE
프론트엔드

React의 Error Boundary를 이용하여 효과적으로 에러 처리하기

Fetcher가 API 오류를 throw하고 지역·전역 Error Boundary가 이를 계층적으로 처리하는 방식을 소개했습니다.\n오류 영역별 폴백 UI와 재시도 기능으로 나머지 콘텐츠를 유지하는 사용자 경험을 구현했습니다.

#React#error boundary
000
React 컴포넌트와 추상화
카카오엔터테인먼트FE
프론트엔드

React 컴포넌트와 추상화

React 컴포넌트의 책임을 범용 UI와 도메인 로직으로 나누는 추상화 방법을 설명했습니다. 합성·커스텀 훅·상태 설계로 결합도를 낮추는 트레이드오프를 다뤘습니다.

#React#컴포넌트
000
타다 드라이버 앱 상태관리 개선하기
타다
아키텍처

타다 드라이버 앱 상태관리 개선하기

타다 드라이버 앱의 복잡한 상태관리 문제를 독립 모듈과 StateMachine 구조로 개선한 사례입니다. Middleware, 로깅, 테스트로 안정성과 개발 생산성을 높였습니다.

#Android#state management
3600