코덱스로 블로그 보드 테스트·수정한 경험

코덱스(Codex)로 블로그 보드를 만들고 버셀(Vercel)에 올려 직접 사용해 봤습니다. 화면은 정상적으로 열렸지만, 현장에서 남긴 기록이 블로그 원고로 이어지는 과정에서 여러 번 막혔어요. 문제를 하나씩 수정하면서 글쓰기 흐름도 다시 정리했습니다.

버셀에 올리자 보인 것

처음에는 지금까지 만든 기능을 직접 실행해 보고 싶었어요. 테스트 화면이 열리자 현장 기록을 입력하고 글감 만들기를 눌렀습니다.

그런데 테스트 화면은 실제 서비스 환경과 달랐습니다. 화면에서 수정한 내용은 해당 브라우저 탭에 저장됐고, 로컬에 있던 자료와 네이버 연결 정보는 배포본에 반영되지 않았어요. 처음에는 이런 차이를 모르고 실제 작업 흐름까지 테스트하고 있다고 생각했습니다.

현장 기록이 원고가 되지 않았다

현장 기록에는 고객 문의가 조금씩 늘고 있다는 이야기를 듣고 기뻤던 경험을 적었습니다. 이 경험을 바탕으로 새로운 글을 작성하고 싶었습니다.

하지만 생성된 원고는 제가 입력한 문장을 거의 그대로 옮겨 놓거나, 주제와 맞지 않는 공통 문단이 붙어 있었습니다.

이후 코덱스가 해당 기록을 바탕으로 원고 한 편을 다시 작성해 테스트 화면에 저장했습니다. 고객이 실제로 한 말과 제 생각을 구분하고, 확인되지 않은 문의 수치나 원인을 임의로 추가하지 않도록 수정했어요.

다만 이 작업은 해당 원고 한 편에만 적용됐습니다. 보드의 '글 만들기' 버튼을 눌렀을 때 같은 수준의 원고가 자동으로 작성되는 기능은 아직 구현되지 않았습니다.

코덱스로 화면 순서를 다시 잡다

원고 한 편을 수정하는 것만으로는 실제 사용하기 어려웠습니다. 직접 사용해 보니 무엇을 먼저 하고 다음에 어디로 이동해야 할지 한눈에 들어오지 않았어요. 현장 기록이 글감에 제대로 반영됐는지 확인하기 어려웠고, 글감 목록과 원고 작성 화면도 자연스럽게 연결되지 않았습니다.

그래서 현장 기록을 남기고, 글감을 선택한 뒤, 관련 자료를 확인하며 원고를 수정하는 순서가 화면에 드러나도록 다시 요청했습니다.

첫 화면에서 새로운 기록을 남기는 버튼을 쉽게 찾을 수 있도록 하고, 저장한 기록에서 나온 글감도 바로 확인할 수 있게 수정했어요. 직접 사용하면서 불편했던 부분을 중심으로 화면 구성을 조금씩 바꿨습니다.

네이버 트렌드도 따로 확인했다

버셀 화면에서 네이버 키워드 조사와 트렌드 기능이 작동하지 않는 것도 확인했습니다.

알고 보니 버셀에 올린 테스트 화면은 외부 API를 호출하지 않는 데모였습니다. 로컬에서는 네이버 검색광고 연관 키워드 조회가 작동해 '브랜딩' 관련 키워드 1,200개를 가져왔지만, DataLab 검색 추세는 별도의 인증 정보가 없어 로컬에서도 연결되지 않았습니다.

결국 어떤 기능이 실제로 작동하는지 하나씩 확인해야 했고, 버셀에서 보여주는 샘플 결과와 로컬에서 조회한 실제 데이터를 구분할 필요가 있었습니다.

빠졌던 이미지는 직접 만들었다

이미지 기능도 처음 기대했던 것과 달랐습니다. 제가 원했던 건 글 내용에 맞는 이미지를 AI가 직접 생성해 주고, 그 이미지 중 템플릿을 골라서 쓰는 걸로 했지만, 실제 보드에서는 구현되지 않았습니다.

다시 요청한 뒤 해당 원고에 맞는 AI 이미지 두 장을 생성해 로컬 원고에 연결했습니다. 하지만 버셀 테스트 화면에는 아직 반영되지 않았고, 처음 구상했던 자동 이미지 생성 기능과도 차이가 있었습니다.

지금 남은 작업

이번 작업은 보드를 완성했다기보다 직접 사용하면서 막히는 부분을 찾아 수정하는 과정에 가까웠습니다.

작업하면서 가장 크게 느낀 건 코덱스가 기능을 구현하고 수정하는 일은 잘해 주지만, 정작 중요한 건 내가 무엇을 만들고 싶은지, 전체적으로 어떤 흐름을 가져갈지 먼저 정리하는 것 이라는 점이었어요.

큰 줄기가 명확하지 않으니 그때그때 눈에 보이는 문제를 고치는 데 집중하게 됐습니다. 하나를 수정하면 또 다른 문제가 보이고, 수정은 계속되는데 전체적으로 어디까지 진행됐는지 판단하기도 어려웠어요.

사실 본업을 병행하면서 왕초보가 수업을 따라가려니 그것만으로도 벅찼습니다. 문제가 생겨도 어디서 막힌 건지, 무엇을 고쳐야 하는지조차 막막할 때가 많았어요. 코덱스가 수정해 준 내용을 제대로 이해하지 못한 채 다음 단계로 넘어간 적도 있었고요.

그런데 어설프게나마 한 번 만들어서 돌려보고 나니, 오히려 처음부터 다시 만들어 보고 싶다는 생각이 들었습니다. 앞으로도 몇 번이나 수정해야 할지 모르겠어요. 글 자동 작성부터 이미지 생성, 외부 데이터 연결까지 해결해야 할 부분도 여전히 남아 있습니다.

수업이 끝날 때쯤에는 어느 정도 전체적인 가닥을 잡을 수 있기를 바랐는데, 아직 그 단계까지 가지 못한 점은 많이 아쉽습니다.

그래도 한 번 직접 해봤으니, 다시 차근차근 해봐야겠습니다.

출처

• 원문: https://www.gpters.org/contents/post/kodegseuwa-beoselro-beulrogeu-bodeu-teseuteuhago-gocigi-M8pTZ2hxy2qcVkX (2026-10-21 · 황금사과)