왜 만들었나요?
통증의학과 원장인데 네이버 블로그 10년 하다 한계를 느꼈습니다. 내가 만드는 것들을 포트폴리오로 보여줄 공간이 없었습니다. 코딩 경험은 중학교 때 정보올림피아드가 마지막.
뭘로 만들었나요?
코드를 직접 짜지 않았습니다. AI 도구 3개를 조합했습니다.
- Google Stitch — UI 디자인 시안 생성
- Claude Code — 6종 멀티에이전트가 실제 코드 작성 (디자이너, 빌더, 리뷰어, 카피라이터)
- Vercel — git push 한 번으로 자동 배포
내가 한 건 방향 잡기, 결과 확인, 피드백 주기.
기술 스택
- Next.js 15 App Router + SSG
- Tailwind v4 CSS 변수 기반 디자인 토큰
- MDX 블로그 + 포트폴리오 콘텐츠
- TypeScript 전체 타입 적용
설계 포인트
- 700px 페이퍼 스트립 — 블로그 본문은 좁은 중앙 영역에서만 렌더링. 좌우 다크 배경으로 시선 집중
- 시맨틱 토큰 — 색상 하드코딩 없음. 테마 변경은 CSS 변수 한 곳만 수정
- SEO 자동화 — JSON-LD, Open Graph, sitemap, RSS 전부 자동 생성
핵심
개발자가 아닌 사람이 AI만으로 이 퀄리티의 사이트를 만들 수 있다는 것 자체가 이 프로젝트의 의미입니다.
지금 보고 있는 이 페이지가 곧 결과물.