최신 기술 트렌드를 실무에 최적화하여 적용하는 것을 즐깁니다.
Frontend
실서비스 운영을 통해 재사용 가능한 컴포넌트 설계와 Custom Hook 기반 상태 관리, 불필요한 리렌더링을 줄이는 렌더링 최적화 경험을 쌓았습니다.
App Router와 Server Components, Metadata API를 활용해 본 포트폴리오를 직접 구축하며 SEO와 초기 로딩 성능을 고려한 렌더링 구조를 설계했습니다.
진행한 모든 프로젝트를 TypeScript로 작성하며, 제네릭과 유틸리티 타입을 활용해 데이터 흐름과 API Contract을 타입 수준에서 검증하는 코드 설계에 익숙합니다.
서버 상태 관리를 TanStack Query 중심으로 설계하며, 효율적인 Data fetching과 Caching strategy를 구성할 수 있습니다.
포트폴리오 홈 화면의 자동차 시뮬레이션을 직접 구현하며 모델 로딩, 애니메이션 전환, 카메라 추적, 메모리 관리까지 3D 인터랙션 전반을 다뤄본 경험이 있습니다.
MUI 기반 컴포넌트 설계 경험을 바탕으로 Utility-first 접근에 익숙하며, 본 포트폴리오를 Tailwind CSS v4로 직접 구축하며 디자인 시스템과 반응형 레이아웃을 구성했습니다.
MUI 컴포넌트를 활용해 실서비스 UI를 구축하고, Theme Provider 기반 디자인 시스템 커스터마이징과 sx prop을 활용한 스타일링에 익숙합니다.
Backend & Database
NestJS의 모듈 시스템과 의존성 주입을 기반으로 MongoDB·Firebase Auth·OpenAI를 연동한 백엔드를 설계·운영하며, 확장성과 유지보수를 고려한 아키텍처를 구성한 경험이 있습니다.
FastAPI로 서버를 구축하고 OpenAI API를 연동해 14가지 챗봇 모델을 비교 실험했으며, 프롬프트 템플릿화와 가드레일(입력 검증·예외 케이스) 설계로 응답 품질을 안정화한 경험이 있습니다.
사주 서비스의 고객·예약·상담 데이터를 NoSQL 특성에 맞게 설계하고, Aggregation Pipeline을 활용해 통계·집계 쿼리를 실무에서 작성한 경험이 있습니다.
관계형 데이터 모델의 기본 개념을 이해하고, SQL 쿼리 작성과 인덱스 활용을 통한 조회 성능 개선이 가능합니다.
Firebase를 활용해 Auth 기반 로그인 및 토큰 인증 흐름을 실무에서 구현하고 운영한 경험이 있습니다.
Supabase의 PostgreSQL 기반 데이터 모델링과 Auth·Storage 구조를 학습하며, 사이드 프로젝트에 적용해본 경험이 있습니다.
DevOps & Deployment
Amplify와 ECS를 활용하여 애플리케이션을 배포하고 인프라를 효율적으로 관리한 경험이 있습니다.
GitHub 연동 자동 배포와 프리뷰 환경을 활용해 Next.js·React·NestJS 기반 웹 애플리케이션을 운영하며, 도메인·환경변수·빌드 파이프라인까지 직접 관리한 경험이 있습니다.
Python·FastAPI 기반 AI 서버를 컨테이너화하여 AWS ECS에 배포하며, 개발 환경 표준화와 운영 관리를 경험했습니다.
Tools
팀 커뮤니케이션과 협업을 위한 메신저로, 채널 기반 업무 공유와 알림 연동을 활용한 경험이 있습니다.
Anthropic의 AI 코딩 에이전트를 주력으로 사용하며, AI 특화 멀티터미널 cmux와 Skills·Subagents 등 확장 기능을 활용해 코드 탐색·리팩터링·문서화 워크플로우를 효율화하고 있습니다.
디자이너와의 협업 과정에서 시안 확인, 컴포넌트 스펙 추출, 인터랙션 검토 등에 활용하며 디자인-개발 간 핸드오프를 원활하게 진행한 경험이 있습니다.
Claude Code를 사용하기 전 주력으로 사용했던 AI 에디터로, 코드 컨텍스트를 자연스럽게 이해하고 인라인으로 빠르게 수정·생성해주는 점이 매력적이어서 꾸준히 애용했습니다.
Microsoft Clarity를 활용해 히트맵·세션 리플레이·사용자 행동 분석을 수행하며, 실제 사용 패턴 기반으로 UX 개선 포인트를 도출한 경험이 있습니다.