About me
About me
💡
Next.js · Tailwind CSS · shadcn/ui 전문 프론트엔드 개발자
디자인 시스템과 SSR/ISR 전략으로 빠르고 접근 가능한 웹 제품을 만듭니다.
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 일관성을 높입니다.
연락처
프로젝트나 강의 문의가 필요하시면 언제든지 연락해 주세요.
- 이메일: example@email.com