보여지는 화면보다, 안정적으로 동작하는 구조를 먼저 설계합니다.
단순히 화면을 그리는 데서 멈추지 않고, 비즈니스 맥락과 사용자 흐름을 코드 구조로 정의합니다. 재사용과 확장을 전제로 컴포넌트와 상태를 설계하며, 운영 가능한 시스템을 만드는 것을 목표로 합니다.
프론트엔드 개발 관점 더 보기
문제를 시각이 아닌 사용자 흐름과 데이터 구조로 바라보고, 화면 단위가 아닌 시스템 단위로 정의합니다.
결과물은 한 번 완성되는 페이지가 아니라, 반복 사용 가능한 컴포넌트와 일관된 상태 설계입니다.
에이전시(내담씨앤씨)에서 사내 홈페이지 신규 개발을 리드하며 기획·UI·관리자 페이지까지 전반을 담당했습니다.
한국미스미 파견을 통해 10년된 레거시(PHP·RxJS·Twig)를 React·TypeScript·Next.js로 전환하는 대규모 마이그레이션과 운영을 함께 수행했습니다.
GA4 이벤트 택소노미 설계, Lighthouse 기반 성능 최적화, 외부 추천 솔루션 연동 등 데이터 기반 의사결정 경험을 쌓았습니다.
그래픽보다 동작 구조를 우선합니다. "어떻게 보이는가"보다 "왜 이렇게 동작해야 하는가"를 중요하게 다룹니다.
커뮤니케이션이 가장 중요하다고 생각하며, 명확한 요구사항 정리와 문서화로 협업의 마찰을 줄입니다.
제품은 한 번 완성되는 결과물이 아니라 지속적으로 운영되는 시스템입니다. 그 시스템이 무너지지 않도록 설계하는 개발자가 되고자 합니다.
박지훈
Frontend Engineer
협업과 설계를 위한 기술 활용
각 도구를 목적에 맞게 활용하여 제품의 완성도와 협업의 효율을 함께 높입니다.
Frontend
구조 & 사용자 경험 기반 인터페이스 구현
- React컴포넌트 단위의 선언적 UI 설계
- Next.jsSSR / SSG 기반 SEO·성능 최적화
- TypeScript타입 안정성 기반의 견고한 코드 작성
State / Style
예측 가능한 상태와 일관된 스타일 시스템
- Redux / Zustand복잡도에 맞춘 클라이언트 상태 분리 관리
- TanStack Query서버 상태 캐싱 및 동기화
- Sass / CSS Modules컴포넌트 스코프 스타일링과 디자인 토큰 운영
Workflow
체계적인 협업과 효율적인 작업 흐름
- Git / GitHubPR 기반 코드 리뷰와 브랜치 전략 운영
- Jira / Notion이슈 트래킹과 의사결정 문서화
- Figma디자이너와 토큰·컴포넌트 단위 협업
AI Workflow
생산성 향상과 의사결정 가속
- Claude Code코드베이스 탐색·리팩토링 자동화 및 페어 프로그래밍
- ChatGPT기획 구조화·UX 라이팅·아이디어 검증
- Figma MCP디자인 → 코드 전환 워크플로우 자동화
프로젝트
기획·구조 설계부터 구현·운영까지 직접 수행한 프로젝트들입니다. 회사별로 필터링해 살펴볼 수 있습니다.
문제를 구조로 풀어내는 프론트엔드 개발자를 찾고 계신가요?
제품의 복잡도를 낮추고, 명확한 사용자 흐름과 안정적인 코드로 성과를 만드는 데 기여하겠습니다.