바이브코딩 챌린지01: Copilot, Cursor, Codex로 워드프레스 플러그인 빌드

2025.06.27 / 넥스트플랫폼 동준상 프로

바이브코딩 1일차: ChatGPT 도움 받으며 워드프레스 플러그인 생성 및 설치 성공

바이브코딩으로 매우 세분화된 유용성을 갖춘 소프트웨어를 만들어볼 계획이에요. 누군가에겐 쓸모가 있겠지만 누군가에겐 전혀 쓸모가 없을 수도 있다는 게 이번 바이브코딩 챌린지의 특징이구요, 일단 99번째 프로젝트까지 가보려해요.

바이브코딩 도구는 이미 유료회원이어서 바로 써볼 수 있는 ChatGPT Codex로 선택했고요, 곧 다가올 7월에는 Cursor, Code, n8n 등도 순차적으로 (결제하고 와이프한테 등짝 좀 맞고) 사용할 예정입니다.

바이브코딩 빌드 결과물은 워드프레스 플러그인으로 선정했어요. 워드프레스 기반인 홈페이지에 20여년 이상 글을 써왔으므로 워드프레스 생태계에 익숙한 편이지만, 맨날 포스팅만 해서 php는 자세히 안 봤고, 잘 모르므로, (잘 미루는 편) 7월에는 코어, 플러그인, 테마로 구성된 워드프레스 시스템이랑 php에 대해 스터디 예정이에요.

첫번째 바이브코딩 챌린지는 ‘헬로 월드’ 느낌의 매우 간단한 (‘어, 이게 돌아가네… 왜지?’) 워드프레스 플러그인을 빌드해보는 겁니다. 저는 이렇게 했어요.

ChatGPT에게 Codex 사용법과 워드프레스 플러그인 빌드 방법 질의
ChatGPT가 알려준대로 Codex를 활용하기 위한 API 키 발급 받음
ChatGPT가 예시 플러그인 파일 생성 코드도 작성해줌 (Codex를 열지도 못했음)
플러그인은 php인데 ChatGPT가 python 코드 안에 php 코드 삽입해서 워드프레스 플러그인으로 바로 업로드할 수 있는 zip 파일 생성해줌
실행을 위해서는 php 코드에 API 키를 삽입해야 하므로 python 코드 열기 만만한 구글 Colab 열어서 코드 보기 좋게 편집하고 API 키도 넣은 뒤 다시 실행해서 ‘바이브코딩으로 빌드한 / 실행도 가능한 / 첫 번째 소프트웨어 – 워드프레스 플러그인 생성’ 성공

이제 플러그인 기능이 제대로 작동하는지 확인만 하면 되는데, 작동 트리거는 대괄호 속 chatgpt_prompt이고, 해당 문구를 포스트에 입력하면 ChatGPT 프롬프트 창이 열리게 돼요.

아, 잘 되나 했는데… 한 가지 문제가 있네요. 워드프레스 플러그인으로 정상적으로 설치가 됐고, 포스트 작성시 위 문구를 입력하는 즉시 GPT 프롬프트 창이 뜨지만 질의 답변 내용이 포스트에 반영되지는 않네요.

GPT가 이런 저런 설명을 해주긴 하는데 이 부분은 추후 해결해야겠네요.