🖱️ 터미널 붙여넣기는
마우스 우클릭
📱 스마트폰으로 바로 접속
devfoil.com/edu/
🎉
오늘 실습 수고하셨습니다!
바이브코딩 교육에 참여해주셔서 진심으로 감사합니다.
여러분의 열정과 집중력이 정말 인상적이었습니다. 😊

오늘 배운 내용을 바탕으로 계속 만들어보세요.
질문은 언제든지 devfoil.com을 통해 연락주시면 됩니다.
⏰ 실습 서버는 다음 수업 시간에 다시 이용 가능합니다
닉네임을 입력하면 서버에 내 폴더가 자동 생성됩니다
⌨ 실습 서버
DEVF00001 선택됨 내 서버
-/3
221.149.64.251
터미널
DEVF00003 선택됨 내 서버
-/3
175.195.210.244
터미널
DEVF00004 선택됨 내 서버
-/3
175.195.210.95
터미널
DEVF00005 선택됨 내 서버
-/3
121.136.191.209
터미널
DEVF00006 선택됨 내 서버
-/3
175.195.210.8
터미널
DEVF00007 선택됨 내 서버
-/3
121.168.238.155
터미널
DEVF00008 선택됨 내 서버
-/3
220.85.241.99
터미널
DEVF00009 선택됨 내 서버
-/3
222.106.163.166
터미널
🚀 실습 시작하기
1

닉네임 입력 → 내 폴더 자동 생성

왼쪽 닉네임 입력 후 적용을 누르면 모든 서버에 내 폴더가 만들어집니다.
서버 카드를 클릭하면 아래 스크립트 경로가 자동으로 채워집니다.

2

터미널 접속 → lab 입력

접속하면 내가 몇 번째 접속자인지 자동 표시됩니다.

클릭하여 복사
lab

스레드ID 입력 → 폴더 자동 생성 → Claude 자동 실행

💡 ttyd 터미널에서 Ctrl+C/V 안 됨마우스 우클릭으로 붙여넣기
3

Claude에게 요청

← 왼쪽 서버 카드 클릭 시 경로·URL이 자동 채워집니다

클릭하여 복사
/var/www/html/스레드ID/index.html 만들어줘. 다크모드 디자인, 내 이름 크게 보이는 소개 페이지. 배경 검정, 보라색 포인트 컬러로 해줘.
ls -la파일 목록 확인
cat index.html파일 내용 보기
/clearClaude 맥락 초기화
/cost토큰 사용량 확인
🔍 키워드 툴 만들기
💡 API 정보만 찾으면 30분 안에 완성됩니다
네이버 검색광고 API 문서 링크를 Claude에게 넘기면
키워드마스터 같은 사이트를 단숨에 만들 수 있습니다.
📄 네이버 검색광고 API 문서 →
4

API 키 준비

직접 발급: searchad.naver.com → 도구 → API 사용 관리

🎁 API 키 없는 분은 아래 공용 키 사용 (교육용 — 실습 시간에만 사용)
고객 ID
클릭하여 복사
3118579
액세스 라이선스 (API KEY)
클릭하여 복사
01000000009af97c88e509d804ff12307a96d20617764774f2aaa3ac007bb569ed7cfea147
비밀키 (SECRET KEY)
클릭하여 복사
AQAAAACa+XyI5QnYBP8SMHqW0gYXmFnxt7m+Su+hFbGCDWDSlg==
5

keyword 폴더에서 Claude 실행

클릭하여 복사
cd /var/www/html/keyword/ claude
6

내 API 키 입력 (선택 — 쿠키에 저장)

직접 발급한 키가 있으면 여기 입력 — 아래 프롬프트에 자동 반영됩니다
고객 ID
API KEY (액세스 라이선스)
SECRET KEY (비밀키)
🔰 기본형 — 검색량 조회 테이블
클릭하여 복사
네이버 검색광고 API로 키워드 검색량 조회 툴 만들어줘. 파일: index.php (PHP + HTML 단일 파일) API 정보: - 고객ID: 3118579 - API KEY: 01000000009af97c88e509d804ff12307a96d20617764774f2aaa3ac007bb569ed7cfea147 - SECRET KEY: AQAAAACa+XyI5QnYBP8SMHqW0gYXmFnxt7m+Su+hFbGCDWDSlg== - 엔드포인트: https://api.naver.com/nkwad/keywordstool - 인증: HMAC-SHA256 (X-Timestamp, X-API-KEY, X-Customer, X-Signature) 기능: - 키워드 최대 5개 입력 (textarea, 줄바꿈 구분) - 결과 테이블: PC검색량 / 모바일검색량 / 합계 / 경쟁강도 - 경쟁강도 배지 색상 (낮음=초록, 중간=노랑, 높음=빨강) - 다크모드 UI, 반응형 참고 문서: https://naver.github.io/searchad-apidoc/#/guides
🚀 고급형 — 연관 키워드 + 차트
클릭하여 복사
네이버 검색광고 API로 키워드 분석 대시보드 만들어줘. 파일: index.php API 정보: - 고객ID: 3118579 - API KEY: 01000000009af97c88e509d804ff12307a96d20617764774f2aaa3ac007bb569ed7cfea147 - SECRET KEY: AQAAAACa+XyI5QnYBP8SMHqW0gYXmFnxt7m+Su+hFbGCDWDSlg== 기능: ① 키워드 입력 → 월간 검색량 (PC/모바일) 조회 ② 연관 키워드 자동 추천 (hintKeywords 파라미터 활용) ③ Chart.js 막대그래프로 검색량 시각화 ④ 상위 10개 키워드 랭킹 테이블 ⑤ CSV 다운로드 버튼 ⑥ 검색량 기준 자동 정렬 ⑦ 다크모드, 그라데이션 카드 UI 참고 문서: https://naver.github.io/searchad-apidoc/#/guides
📊 프로형 — 키워드마스터 풀버전
클릭하여 복사
네이버 검색광고 API로 키워드마스터 같은 전문 분석 사이트 만들어줘. 파일: index.php (PHP + HTML + CSS + JS 올인원) API 정보: - 고객ID: 3118579 - API KEY: 01000000009af97c88e509d804ff12307a96d20617764774f2aaa3ac007bb569ed7cfea147 - SECRET KEY: AQAAAACa+XyI5QnYBP8SMHqW0gYXmFnxt7m+Su+hFbGCDWDSlg== - 인증: HMAC-SHA256 (타임스탬프+메서드+URI 서명) 기능: ✅ 키워드 대량 입력 (줄바꿈 구분, 최대 20개) ✅ PC / 모바일 검색량 분리 + 합계 ✅ 경쟁강도 프로그레스바 시각화 ✅ 월평균 클릭수 · 클릭률 표시 ✅ 연관 키워드 자동 추천 ✅ 검색량 기준 내림차순 정렬 ✅ 블루오션 키워드 자동 추출 (검색량 높고 경쟁 낮음) ✅ 테이블 행 클릭 → 클립보드 복사 ✅ 전체 결과 CSV 내보내기 ✅ 로딩 스피너 + 에러 메시지 디자인: 보라/인디고 다크테마, 카드형 레이아웃, 모바일 대응 참고 문서: https://naver.github.io/searchad-apidoc/#/guides
⚡ 추가 기능 요청 (기존 툴에 붙여넣기)
클릭하여 복사
기존 키워드 툴에 아래 기능을 추가해줘. ① 월별 트렌드 꺾은선 그래프 (Chart.js, 최근 12개월) ② 시즌 분석: 성수기 월 자동 표시 ③ 키워드 즐겨찾기: localStorage 저장/불러오기 ④ 광고비 추정: 예상 입찰가 × 클릭수 계산기 ⑤ 경쟁 분석 필터: 경쟁강도 / 검색량 범위 필터 ⑥ 결과 공유: URL 파라미터로 검색 결과 공유 링크 생성
📦 API 응답 주요 필드
relKeyword연관 키워드명
monthlyPcQcCnt월간 PC 검색량
monthlyMobileQcCnt월간 모바일 검색량
compIdx경쟁강도 (low / mid / high)
monthlyAvePcClkCnt월평균 PC 클릭수
monthlyAveMobileClkCnt월평균 모바일 클릭수
🔑 핵심: API 키 3개 + 위 프롬프트 붙여넣기 → Claude가 인증부터 UI까지 전부 작성합니다.
💡 프롬프트 팁
Claude Code 슬래시 명령어
/help도움말
/clear맥락 초기화
/compact긴 대화 압축
/cost토큰 사용량
잘 되는 프롬프트 패턴

경로 명시 — "/var/www/html/닉네임/index.php 만들어줘"

파일명 지정 — "단일 파일로, 파일명은 index.php"

API 키 직접 제공 — Claude Code는 외부 전송 없음

단계적으로 — 만들기 → 브라우저 확인 → 수정 반복

구체적으로 — 색상, 레이아웃, 기능까지 상세하게

📋 명령어 복사됨!
🖱️ ttyd 터미널은 마우스 우클릭 → 붙여넣기로 명령어를 입력하세요