8. 전용 AI 카피라이터 만들기(OpenAI API 활용)

 

지금까지 만든 앱들은 데이터를 저장하고 불러오는 기록의 도구였다. 이번에는 한 단계 더 나아간다. 앱이 스스로 생각하고 글을 쓰게 만드는 것이다. 바로 OpenAI의 API를 연동해서 내 브랜드 전용 AI 카피라이터를 만드는 프로젝트다. 회사를 운영하다 보면 가장 귀찮은 게 인스타그램 캡션 쓰기나 상세페이지 문구 작성이다. 챗GPT한테 시켜도 되지만, 매번 "너는 감성적인 브랜드 마케터야. 톤앤매너는 차분하게"라고 프롬프트를 치는 것도 일이다. 오늘은 클릭 한 번으로 우리 브랜드 톤에 딱 맞는 마케팅 문구를 뽑아주는 나만의 앱을 만든다. 이 기술을 익히면 요즘 유행하는 AI 서비스(SaaS)를 직접 만들 수 있다.

1. 챗GPT랑 뭐가 다를까

그냥 챗GPT 쓰면 되지 않냐고 할 수 있겠지만 챗GPT는 범용적이다. 우리가 만들 앱은 시스템 프롬프트(System Prompt)가 내장된 앱이다. 매번 설정을 입력할 필요 없이 키워드만 던지면 우리 브랜드만의 문체로 결과물이 나온다. 마치 교육이 아주 잘 된 신입 사원을 책상에 앉혀두는 것과 같다. 봄 신상'으로 글 하나 써봐 하면 찰떡같이 알아듣는 녀석을 만드는 것이다.

2. 준비물: OpenAI API 키

먼저 OpenAI 개발자 사이트(platform.openai.com)에 가서 API 키를 발급받아야 한다. 챗GPT 유료 결제와는 별개다. API 사용료는 쓴 만큼 나가는데 텍스트 생성 정도는 몇백 원 수준이라 부담 없다. 발급받은 키(sk-...)를 프로젝트의 .env 파일에 VITE_OPENAI_API_KEY라는 이름으로 저장한다. 이 키는 당연히 절대 깃허브에 올리면 안 된다. 거지가 될 수도 있다.

3. 화면 만들기

커서에게 요청해서 입력 화면을 만든다. React + Vite로 AI 카피라이팅 툴을 만들어달라고 하고 다음 문장을 입력하자.

1. 입력창: 상품명, 주요 특징(키워드), 타겟 고객층
2. 톤앤매너 선택: 감성적인, 유머러스한, 전문적인
3. 생성 버튼: 카피 생성하기
4. 결과창: 생성된 문구가 나오고, 복사 버튼이 있어야 해.

4. 프롬프트 엔지니어링을 코드로

이 앱의 영혼은 바로 API 요청 코드에 있다. 커서가 코드를 짜주겠지만, 우리가 신경 써야 할 건 messages 부분이다. 여기에 우리의 비법 소스를 넣어야 한다. 커서에게 이렇게 수정해 달라고 요청하자.

 

API 요청을 보낼 때 system 메시지에 이렇게 넣어줘.

당신은 10년 차 감성 브랜드 에디터입니다. 문장은 간결하고 여운이 있어야 합니다. 이모지는 절제해서 사용하세요. 홍보 티가 나지 않으면서 구매 욕구를 자극해야 합니다.

5. 결과 확인

이제 테스트를 해보자.

 

상품명: 포근한 머그컵

특징: 손잡이가 큼, 따뜻한 색감

타겟: 재택근무 직장인

 

버튼을 누르고 2~3초 뒤 결과창에 글이 뜬다. 로딩 스피너는 필수다. 직접 썼으면 30분 걸렸을 문장이 3초 만에 나온다.

6.  확장 가능성

이 앱을 조금만 응용하면 무한한 확장이 가능하다.

 

고객 리뷰 답변기: 리뷰를 붙여넣으면 소중한 리뷰 감사합니다 고객님~ 하고 답변을 써주는 앱

블로그 초안 생성기: 주제만 던지면 서론-본론-결론을 잡아주는 앱

영어 이메일 번역기: 환불 거절해 라고 치면 유감스럽게도 정책상...으로 정중하게 바꿔주는 앱.

 

지금까지 배운 CRUD(저장) 기술에 AI(생성) 기술을 합치면, 이제 단순한 웹사이트가 아니라 진짜 서비스(SaaS)를 만드는 1인 개발자가 되는 것이다.