문제 해결 방식
- 문제를 기능 단위가 아니라 사용자·팀 비용 단위로 정의합니다.
- 대안별 트레이드오프를 먼저 정리하고, 확장 가능한 선택을 합니다.
- 결과를 정량 지표와 협업 변화로 함께 검증합니다.
About
저는 복잡한 도메인을 사용자가 이해하고 실행할 수 있는 흐름으로 바꾸는 프론트엔드 개발자입니다.
AI Agent, 시계열 데이터, 클라우드 설정, 워크플로우처럼 진입 장벽이 높은 도메인에서 사용자의 판단과 행동을 돕는 UI를 설계하고 구현해왔습니다.
단순히 화면을 만드는 것에 그치지 않고, 사용자가 현재 상태를 파악하고 다음 행동으로 자연스럽게 이어질 수 있도록 정보 구조, 인터랙션, 성능을 함께 고민합니다.
제가 중요하게 보는 것
- 문제를 먼저 정의합니다 — 기능 단위가 아니라 사용자·팀 비용 단위로 봅니다.
- 사용자의 다음 행동을 기준으로 화면을 설계합니다.
- 성능 문제를 사용 흐름의 문제로 바라봅니다.
- 반복되는 구현은 구조로 해결하려고 합니다.
협업 스타일
- 기획·디자인·백엔드와 구현 가능한 단위로 요구사항을 정리합니다.
- 상태 정의와 UI 피드백 규칙을 문서화해 해석 차이를 줄입니다.
- 반복되는 UI 패턴을 공통 구조로 바꿔 팀 전체 속도를 높입니다.
기술 스택과 사용 맥락
기술을 아는 것보다, 어떤 문제를 해결하기 위해 썼는지가 더 중요하다고 봅니다.
| 기술 | 사용 맥락 |
|---|---|
| React / TypeScript | 복잡한 도구형 UI와 상태 기반 화면 구현 |
| Zustand | 워크플로우·차트 상태 분리 및 불필요한 리렌더링 개선 |
| React Query | 서버 상태와 UI 상태 분리, 캐시 기반 데이터 탐색 |
| Canvas / LTTB | DAISY 대용량 시계열 탐색·서버 다운샘플링·렌더 부하 개선 |
| React Flow | Agent 워크플로우 빌더 UI 구현 |
| React Hook Form | 반복 입력 폼 구조화 및 검증 흐름 개선 |