AI · AX2025.12 ~ 2026.02기획, 디자인, 프론트엔드 개발
Claude Code 가이드
Mac에서 Claude Code를 설치하고 사용하는 방법을 안내하는 한국어 가이드 웹사이트
Next.jsTypeScriptTailwind CSSVercel
/01 — VISUAL
FIG.01 — Claude Code 가이드
/02 — PROBLEM
문제 정의
Claude Code는 강력한 CLI 도구이지만, 한국어 가이드가 부족하여 비개발자가 접근하기 어려웠습니다.
/03 — SOLUTION
해결 방법
설치부터 고급 기능까지 단계별로 안내하는 32페이지 분량의 한국어 가이드 웹사이트를 제작했습니다.
/04 — FEATURES
주요 작업
- 0132개 정적 페이지 (설치, 파일 변환, 문서 작성, 고급 기능 등)
- 02OS별 탭 (Mac/Windows) 분기 안내
- 03다크/라이트 테마 토글
- 04검색 모달로 빠른 페이지 탐색
- 05사이드바 네비게이션 + 모바일 햄버거 메뉴
/05 — GALLERY
화면
