[AI] Claude API를 활용해 나만의 AI 툴 제작하기

📌 개요

 

 

 

최근 들어, 생성형 AI 기술이 급격히 발전함에 따라 SaaS(Software as a Service) 기업들의 비즈니스 모델이 붕괴되고 있습니다. 이를 SaaS의 재앙(Apocalypse)이라는 단어를 합쳐 '사스포칼립스'라고 부릅니다.

 

 

 

 

저는 예전에 바이브코딩을 통해 배치 파일(.bat)을 제작해본 적이 있습니다.

Github 링크를 통해 보안 관련 오픈소스 최신 Release를 다운받도록 해주는 툴이었죠.

하지만 최근 들어, 굳이 코드 수준의 도구에 집착할 필요가 없다고 생각했습니다.

 

 

 

 

 

그래서 이번에는 코드 수준이 아닌, 웹 서비스 수준을 목표로 개발을 시작했습니다.

 

저는 다음과 같이 접근했습니다.

• 서비스 목표 : 첨부 자료를 분석해 슬라이드로 정리해주는 프레젠테이션 제작 서비스
• Claude를 활용하여 바이브 코딩
• Claude API를 활용한 AI 기반 제너레이터 기능 추가

 

방금까지만 해도 팀원들에게 주간 회의에 사용할 발표 자료를 만들고 있었는데,

이번 기회에 발표 자료를 쉽게 만들어주는 AI 툴을 만들어보도록 하겠습니다.

 

 

 

 

 

---

1. Claude를 활용한 바이브 코딩

 

 

가장 먼저 기능 구현 지침서를 Markdown 파일로 제작하는 작업입니다.

Markdown으로 구조화된 지침서는 LLM에게 좀 더 친화적이기 때문입니다.

 

 

 

 

위 사진은 Claude가 만들어준 Markdown 파일입니다.

이 파일을 Claude Agent가 활용할 수 있는 로컬 위치에 배치합니다.

 

 

 

그 후 Claude 앱을 열어줍니다.

붉은 영역으로 표시된 부분에 git 위치와 브랜치가 제대로 명시되었는지 확인합니다.

그리고 이 위치 내부에 Markdown 파일을 옮겨줍니다.

 

 

 

 

이제 Markdown 파일을 참조하여 기능 구현을 하도록 요청합니다.

만약 추가 기능 요구사항이 있다면 현재 채팅에서 쭉 이어나가시면 됩니다.

 

 

 

 

오, 생각보다 진짜 웹 서비스 처럼 잘 만들어주네요.

다크 모드와 화이트 모드 전환도 깔끔하게 구현해줬습니다.

 

 

 

 

 

실제 PPT 툴에서 지원해주는 [ 텍스트 폰트, 크기, 정렬 기능과 이미지 이동 및 크기 조절 ] 같은 기능도 완벽히 구현해주는 것을 보고 놀랐습니다. 왜 SaaS 기업들이 위기감을 느끼는 지 알 것 같습니다.

 

다음은 AI 기반 슬라이드 생성 기능으로 넘어가겠습니다.

 

 

 

 

 

 

---

2. Claude API 연동

 

 

저는 지침서에 AI 기반 슬라이드 생성 기능을 명시했습니다.

그랬더니 위 사진처럼 Claude API Key 설정과 사용할 LLM 모델 세팅 패널을 만들어줬습니다.

 

 

 

 

Claude API Key를 발급받기 위해 Claude Console로 들어갑니다.

 

 

 

그 후 좌측 패널에서 API keys 메뉴로 들어갑니다.

그리고 Create Key 버튼을 눌러줍니다.

 

 

 

필요한 정보를 입력합니다. 어떤 이름을 쓰셔도 무방합니다.

그 후 API Key를 얻을 수 있는데, 이건 백업해두시는 것을 추천드립니다.

 

 

 

 

그 후 발급받은 API Key를 세팅에 입력했습니다.

 

 

 

 

아, 그리고 Claude API는 구독을 하고 있더라도 별도의 요금을 지불해야 합니다.

좌측 패널에서 API Keys - Billing 메뉴에 들어가 Credit을 충전해주세요.

 

※ AI 생성 요청을 할 때마다 요금이 지불되니 주의하세요.

 

 

 

 

저는 예전에 개발했던 프로젝트의 Day Ret가 정리된 png 파일을 첨부했고,

어떤 형태로 슬라이드를 생성할 것인지에 대한 txt 프롬프트를 작성했습니다.

이는 각각의 슬라이드 별도로 적용됩니다.

 

이제 AI 생성을 시도해보겠습니다.

 

 

 

오호 깔끔한 디자인으로 슬라이드가 생성됐네요.

이제 Export로 파일을 추출해보도록 하겠습니다.

 

 

 

 

슬라이드 좌우 넘김, 그리고 다크 & 화이트 모드 전환도 깔끔하군요.

 

 

 

 

 

---

3. 마무리

 

저는 '더 이상 개발자만 서비스를 만들 수 있다.' 라는 말이 통하지 않는 시대가 왔구나 느꼈습니다. 물론 바이브 코딩으로 만든 서비스는 안정성, 보안, 확장성 측면에서 검증이 필요합니다. 하지만 아이디어를 빠르게 검증하고 MVP를 만들어내는 속도는 이전과 비교할 수 없을 만큼 빨라졌습니다.

 

제가 느끼기에 미래형 개발자가 되기 위해선 기본적인 컴퓨터 지식 뿐만 아니라, AI 기술 역량도 같이 강화할 필요가 있다고 생각합니다. 앞으로는 좀 더 정진해서 공부해야겠군요.

 

포스터를 읽어주셔서 감사합니다.