지난 주말 클로드 코드 원데이클래스 6기를 진행했습니다. 이번 기수도 제조기업 실무자부터 치과원장님, 병의원 개원 컨설턴트, 프리랜서, 커머스 기업 대표님 등 여러 배경의 참여자분들이 오셨어요. 오전에는 각자 자기소개 랜딩페이지를 Vercel에 배포하고 오후에는 업무에서 문제를 하나씩 골라 PRD를 쓰고 개발했습니다.
자기소개를 각자 배포한 랜딩페이지를 바탕으로 진행했어요!
오전에는 제가 미리 만든 스킬 패키지를 바탕으로 인터뷰를 진행했어요. 클로드 코드가 미리 설정한 인터뷰 스킬에 맞춰 인터뷰를 한 후에 세팅한 맥락을 바탕으로 랜딩페이지까지 제작해줍니다. 이어서 Vercel에 가입한 다음 클로드 코드 대화창에 "버셀로 배포하자"라고 입력해 배포까지 클로드 코드가 알아서 해주는 바이브 코딩 경험을 우선했어요. 실행을 대신 해주는 바이브 느낌을 체험하기 위해 이번 기수에선 이렇게 진행해봤어요.
오후에는 각자 문제를 설정하고 PRD를 작성했어요!
오후는 문제 정의부터 시작합니다. 클로드에게 바로 만들어 달라고 하지 않고 PRD 인터뷰를 먼저 합니다. 무엇이 불편한지, 어떤 데이터를 쓰는지, 어떤 결과를 원하는지를 클로드가 되묻고 그 답을 문서로 정리합니다. 그다음에 개발로 넘어갑니다.
하이패스 플래너 (이준호 대표님)
장거리 운전을 앞두고 예상 시간과 전기차 충전이 가능한 휴게소 정보를 어플로 확인하셨는데요, 이번에 원하는 정보를 담은 웹페이지를 직접 구축하셨습니다. 출발지와 도착지만 입력하면, 운전시간부터 휴게소 충전소까지 한번에 필요한 정보를 제공합니다.
서울에서 부산을 넣으면 실제 도로 경로 기준 약 403km에 5시간 13분으로 나오고, 경유 휴게소가 남은 거리와 도착 예상 시간과 함께 순서대로 뜹니다. 고속도로별 소통 상태도 원활·서행으로 표시됩니다.
경로와 소요 시간은 카카오모빌리티 길찾기 API를 썼는데요, 이 API 응답에는 현재 교통 정보 속도(traffic_speed)와 상태(traffic_state) 필드가 있어서 지금 막히는 도로 상황이 이동 시간에 반영됩니다. 참고로 자동차 길찾기는 하루 1만 건까지 무료이고, 넘으면 건당 8원부터 과금됩니다.
휴게소는 카카오 장소검색 결과로 채웠고 충전소 상태는 화면에 데모용이라고 표시해 두셨습니다. 실제 데이터로 바꾸려면 공공데이터포털의 한국도로공사_고속도로 휴게소 기준정보 현황과 한국환경공단_전기자동차 충전소 정보를 연결하면 됩니다. 둘 다 무료로 제공됩니다.
해운대 치과 입지·상권 분석 (이정효 대표님)
개원 컨설팅을 하면 이 위치 주변에 치과가 몇 곳 있고, 임플란트 가격이 주변 대비 어느 수준인지를 한번에 확인할 수 있습니다.
해운대 80개 건물과 치과 111곳을 동·거리·임플란트 가격·한 건물에 두 곳 이상 같은 조건으로 걸러 봅니다. 건물을 고르면 입점 치과와 치과의사 수, 역까지 거리, 임플란트 최저가, 그 가격이 지역 중간가보다 몇 퍼센트 높은지가 같이 나옵니다.
해운대역 반경 3km 상권 분석도 가능합니다. 치과 111개에 치과의사 143명, 상권 인구 20.7만 명, 치과 한 곳당 인구 1,864명, 임플란트 중간가 120만원, 크라운 중간가 50만원이 요약으로 뜹니다. 그 아래에는 동별 분포와 임플란트 가격 분포를 따로 볼 수 있어요.
기관 정보와 가격은 심평원 자료를 썼습니다. 건강보험심사평가원_병원정보서비스 API에서 개설일자와 주소, 좌표, 전화번호, 의사 수를 받을 수 있고, 비급여 가격은 심평원 비급여 진료비용 정보에서 기관별로 임플란트와 크라운을 비교할 수 있습니다. 다만 기관별 비급여 가격을 그대로 내려주는 공개 API는 저희가 확인한 범위에서는 없었습니다. 지도는 네이버 Web Dynamic Map API로 띄우셨어요.
화면 아래쪽 추정 연매출과 연환자 수에는 전국 평균을 바탕으로 한 모형값이라고 직접 표시해 두셨습니다. 개별 치과의 매출이나 환자 수를 공개하는 공식 자료는 없기 때문에 이렇게 구분해 두는 편이 맞습니다.
기공 픽업관리시스템 (장윤호 대표님)
치과와 기공소 사이에서 오가는 픽업 일정을 관리하는 화면을 만드셨습니다. 기공소와 치과에서 정보가 오갈 때 휴먼 에러나 표기 실수로 인해 종종 진행에 차질이 생길 때가 있습니다. 이런 실제 업무 플로우를 반영해 치과와 기공소가 각자 정확한 정보를 서로 체크하고 진행도를 파악할 수 있습니다. 추후 관리자 페이지 및 계정 부여를 통해 내부적으로 활용하실 계획이라고 하셨어요.
Roots in Korea, 도메인 연결까지 (김현정 대표님)
하루 만에 도메인 구입, 웹사이트 구축 및 배포, 노션 기반 블로그 세팅까지 하셨어요. 만드신 사이트는 한국 입양인이 친가족을 찾을 때 필요한 절차를 영어로 안내하는 사이트인데요, 입양 관련 공공데이터를 API를 통해 제공하고 대사관을 통한 무료 DNA 등록, NCRC에 입양 기록을 요청하는 방법, 15개국 입양인 단체 목록이 들어 있습니다.
데일리 주식 콘텐츠 자동화 (이준민 대표님)
미국 주식에 투자하시면서 여러 지표로 저점을 보고 매수한 뒤 트레이딩하는 방식으로 자산을 늘려 오셨는데요, 그 판단 과정을 매일 콘텐츠로 내보내는 자동화를 만드셨습니다.
미국주식시황 콘텐츠 자동화 PRD 인터뷰부터 진행하며 맥락을 담아 구현했는데요, 어떤 지표를 어떤 순서로 보는지 그간의 경험과 인사이트를 제공했더니 클로드가 생각지 못한 부분까지 정리해 시각화하는 과정을 겪으며 감명을 받으셨다고 해요.
브랜드 블로그 자동화 테스트 (강진숙 대표님)
Aside로 네이버 채널의 브랜드 블로그 운영을 자동화하는 테스트를 하셨습니다. 기존 발행했던 네이버 블로그 채널과 글을 레퍼런스 삼아 템플릿화하고 최근 키워드, 주제 글을 바탕으로 실제 발행까지 진행했는데요, 회사로 돌아가 직원들에게 공유해야겠다고 느끼셨어요.
신규 사업 시장 조사와 전략 (서성원 대표님)
오전에 소개 페이지를 만드신 뒤, 오후에는 준비 중인 신규 사업의 시장 조사와 전략 수립을 진행하셨습니다. 결과물은 클로드 아티팩트로 정리하셨어요. 클로드의 아티팩트는 빠르게 시각화하여 공유하기 좋은 기능입니다!
클로드 코드 6기 결과물
| 참가자 | 오전 랜딩페이지 | 오후 결과물 | 쓴 데이터·도구 |
|---|---|---|---|
| 이준호 대표님 | 구강악안면외과 전문의 소개 | 하이패스 플래너 | 카카오모빌리티 길찾기 API, 카카오 장소검색 |
| 이정효 대표님 | 덴탈기프트 개원 컨설팅 소개 | 치과 입지·상권 분석 화면 2종 | 심평원 병원정보서비스, 비급여 진료비용 정보, 네이버 Web Dynamic Map |
| 장윤호 대표님 | 치과 차장 소개 | 기공 픽업관리시스템 (프로토타입) | 클로드 코드 |
| 김현정 대표님 | 입양인 안내 영문 사이트 | 같은 사이트 자체 도메인 연결 | 클로드 코드, Vercel, 도메인 연결 |
| 이준민 대표님 | 해당 없음 | 데일리 주식 콘텐츠 자동화 | Aside, PRD 인터뷰 |
| 강진숙 대표님 | 해당 없음 | 브랜드 블로그 자동화 테스트 | Aside, 네이버 블로그 |
| 서성원 대표님 | 케이원텍 조선·철강 자재 소개 | 신규 사업 시장 조사·전략 | 클로드 |
0에서 다시 시작한다면 이 순서를 권합니다!
- 빠르게 배포해보기: 자기소개 페이지처럼 많은 자료를 모을 필요 없는 주제로 한 번 배포까지 해 봅니다.
- 문제 하나: 매일 반복하면서 시간을 쓰는 일 중에 하나만 고릅니다.
- PRD 인터뷰: "이 문제로 PRD 인터뷰 해줘"라고 요청하고, 클로드가 묻는 말에 답하면서 기준을 문서로 만듭니다.
- 데이터 확인: 필요한 데이터가 공개 API로 열려 있는지 먼저 봅니다. 공공데이터포털에 없는 수치는 추정값으로 표시하고 실적처럼 쓰지 않습니다.
- 개발과 배포: 여기까지 정리되면 클로드 코드에 넘깁니다.
6기에서 공개 데이터를 쓴 두 분 모두 데이터를 먼저 확인하고 화면을 짰습니다. 어떤 값이 실제 데이터이고 어떤 값이 추정인지도 화면에 같이 표시해 두셨어요.
