클라이언트 상담 & 요구사항 정리
- 요구사항 인터뷰 및 우선순위 정의
- 기획 의도와 개발 난이도 균형 조율
- 커뮤니케이션 문서화
About
서비스가 어떻게 동작해야 하는지,
처음부터 끝까지 직접 생각합니다.
프론트부터 백엔드, DB 설계, 서버 관리까지 직접 담당합니다. 디자인 감각으로 화면 방향을 잡고, 클라이언트 요구사항을 기능 명세로 구체화하는 것까지 혼자 가능합니다.
기획 이해→설계→구현→배포
주요 기술
- React / Next.js / TypeScript
- Node.js / REST API 설계
- Supabase / DB 설계
- Figma / UI Design
- Vercel / AWS / Cloudflare
- 클라이언트 소통 / 요구사항 정리
Business Impact
상담부터 실행, 성과까지 연결합니다
개발 + 디자인 통합 진행
- UI/UX 설계와 프론트엔드 구현 동시 리드
- 컴포넌트 단위 재사용 구조 설계
- 반응형 · 접근성 기준 완성도 관리
광고 세팅 & SEO
- GA4 · Meta Pixel · Google Ads 전환 추적
- 메타데이터 · 구조화 기반 SEO 개선
- Lighthouse · Search Console 성능 개선
Performance
성능 최적화 작업 기록
Lighthouse 측정 기반으로 LCP · INP · 접근성 문제를 진단하고 개선했습니다. 각 항목을 클릭하면 상세 내용을 확인할 수 있습니다.
LCP
3.5s
~2.5s
TTFB
가변
60–80% ↓
이미지
JPG
40–70% ↓
대비율
불합격
AA 통과
필터
도메인
기술 스택
Skills
Frontend
화면 레이어- React / Next.js
- TypeScript
- Tailwind CSS
- HTML / CSS
- Zustand / React Query
Backend & Data
서버 레이어- Node.js / REST API 설계
- PHP
- MySQL
- Supabase (DB / Auth)
- 관리자 기능 구현
- Vercel / AWS / Cloudflare
- OpenAI / Claude API
Design & Communication
차별점- Figma / UI Design
- Responsive Design
- UX 방향 제안
- 요구사항 정리 / 기능 명세
- 클라이언트 커뮤니케이션
