About me

<aside> 💡

Next.js · Tailwind CSS · shadcn/ui 전문 프론트엔드 개발자

디자인 시스템과 SSR/ISR 전략으로 빠르고 접근 가능한 웹 제품을 만듭니다.

</aside>

Next.js Tailwind CSS shadcn/ui App Router RSC Design System A11y Vercel 성능 최적화

경력

• 프론트엔드 리드 / 컨설턴트

  2023 - 현재

  • Next.js 기반 제품 리뉴얼과 대시보드 구축
  • shadcn/ui 커스텀 테마와 컴포넌트 라이브러리 설계
  • Core Web Vitals(LCP, CLS, INP) 개선 캠페인 운영

• 웹 제품 개발자

  2018 - 2023

  • SSR/ISR/Edge Functions 도입으로 초기 로딩 체감 속도 개선
  • UI 모듈화와 스켈레톤, 코드 스플리팅으로 TTI 단축
  • 스토리북 도입, 시각 회귀 테스트 파이프라인 정착

대표 교육·프로젝트

• Next.js App Router 전환 및 RSC 도입, 라우팅/데이터 패턴 표준화
• shadcn/ui + Radix UI 기반 디자인 시스템 구축과 문서화(Storybook)
• 대시보드·내부도구 템플릿 세트 제작, 폼·테이블·차트 패턴 모듈화
• 이미지 최적화, 캐시·Preload·Streaming으로 LCP/CLS 개선
• Vercel/Cloudflare + GitHub Actions로 프리뷰·릴리즈 파이프라인 구성

역량

시스템 설계

• App Router 아키텍처와 데이터 패칭 전략(SSR/SSG/ISR, Server Actions)
• 멀티 브랜드 테마와 토큰 설계(CSS Variables)
• 접근성 표준(ARIA)·국제화·다크 모드 전략
• 코드 스플리팅·이미지/CDN 최적화·캐싱 정책 수립

교육·콘텐츠

• 커리큘럼 설계와 실습형 워크북 템플릿 제작
• 디자인 시스템 가이드와 컴포넌트 API 문서화
• QA 체크리스트, 플레이북, 코드리뷰 규칙 정립
• 라이브 강의·VOD 운영 가이드

자동화·브랜딩

• shadcn/ui 컴포넌트 킷 커스터마이징 파이프라인
• 블로그/문서 사이트 자동 배포 및 연동
• 품질 점검(ESLint/Prettier/Typecheck/시각 회귀) 자동화
• GitHub Actions 기반 PR 프리뷰와 규칙 정리

관심사

교육 설계

실무에서 바로 쓰이는 실습형 커리큘럼과 체크리스트 연구에 관심이 많습니다.

데이터 모델링

UI 상태·서버 데이터 동기화와 캐시 일관성, 폼 상태 모델링을 탐구합니다.

지식 운영

문서 표준화, 태그 전략, 디자인 토큰 관리로 팀의 UX 일관성을 높입니다.