React 애플리케이션에서 발생하는 상태 관리, 데이터 흐름, UI 구조 문제를 분석하고 더 유지보수 가능한 구조로 개선하는 데 관심을 두고 개발하고 있습니다. 프로젝트에서 겪은 구조적 문제를 바탕으로 원인을 분석하고 해결 과정을 문서로 정리하며, 복잡한 요구사항 속에서도 흐름을 추적하고 설명할 수 있는 구조를 만드는 것을 중요하게 생각합니다.
기간: 2025.12 ~ 2026.03
React 애플리케이션을 개발하며 실제로 겪었던 구조적인 문제를 바탕으로 상태 관리, 데이터 흐름, 책임 분리 관점에서 왜 구조가 무너지는지와 이를 어떻게 개선할 수 있는지를 정리한 기술서입니다.
다루는 주제
- 서버 상태와 클라이언트 상태의 경계
- 로컬 미러와 stale snapshot 문제
- 폼 책임 분리와 파생 상태 관리
대표 프로젝트 | 기간: 2025.06 ~ 2025.10
- Design System 기반 UI 컴포넌트 구조 설계 및 Seed 컴포넌트 구축
- React Query 기반 SSOT 데이터 구조로 상태 관리 리팩토링
- 약 40명 규모 사용자 피드백을 반영해 인증 흐름 및 입력 UX를 개선하고 온보딩 경험 안정화
기간: 2026.02 ~ 진행중
기존 프로젝트 PoomPoom 에서 기능 구현 중심으로 개발하며 지나쳤던 인증 흐름, 서비스 계층, 에러 처리 구조를 다시 설계하며 클라이언트 아키텍처를 개선하기 위해 진행한 프로젝트입니다.
- 세션 Viewer 캐시 기반 인증 상태 관리 및 인증 흐름 구조 개선
- Axios 전역 인터셉터와 서비스 레이어 분리를 통한 에러 처리 구조 정리
- IME 조합 입력을 고려한 검색 요청 정책 설계 (한글 조합 중 요청 차단, 영문 입력 debounce 적용)
