바이브코더의 하루

바이브코더의 하루

오늘.. 며칠전부터 구상 중이던 바이브코딩 작업 하나를 오전 10시 무렵부터 시작했다. 현재 내가 관리 중인 워드프레스 사이트가 연습용 및 실제 운영 등 포함 도합 4개에 이르는데 자주는 아니더라도 뭐라도 한꼭지 포스트를 올릴라하면 사이트에 로그인해서

편집기에서 입력하고 편집하고..

이런 과정을 사이트 마다 겪어야 하는데.. 웬지 귀찮다는 생각이 드는 한편 어느 한 곳에서 모든 사이트에 간편하게 포스트를 게시할 수 있으면 좋겠다는 생각이 들었었다.

바로 이 생각을 바이브코딩으로 구현할 것을 염두에 두고 구상을 해오고 있었고 바로 오늘 실행에 옮긴 것이었다.

글을 게시하는 방식은 내겐 두가지였었다. 일반적인 워드프레스 포스트 그리고 케이보드 게시판

워드프레스

워드프레스에서의 컨텐츠 게시 코딩은 비교적 수월했다. 카테고리별 ID에 따라 게시하도록.. 대시보드에서 애플리케이션 비밀번호를 발급받아 저장하는 것으로 필요한 모든 조치를 거의 다 할 수 있었다

이렇게 MSCP앱을 직접 만들다보니 한가지 장점이.. 이 곳을 통해 게시한 포스트는 연결발행 관리에 의한 사후 추적이 가능한 바, 나중에 혹 포스트에 업데이트가 필요한 내용이 생겼을 때 간편하게 재발행 함으로써 수정된 내용을 반영할 수 있는 그런 점이 있었다.

사실, 이 앱의 제작 동기에 엊그제 만들었던 핸드폰 앱 W.Call과의 연동 내지는 스마트폰에서의 사이트 관리 등에 있었지만 계획하고 구상하던 중.. 조금씩 큰 물줄기가 틀어져.. 그래 머 핸드폰에서 해봐야 얼마나 한다고 차라리 데스크탑 용 앱을 만들자.. 그렇게 되었던 것이었다.

케이보드 게시판

외부발행의 진짜 어려운 점은 바로 이 케이보드 게시판에 있었다. 통상적인 워드프레스에서의 포스트와는 달리 드래프트 작성도 안되고.. 하여튼 케이보드 게시판 코딩이 거부하는 점도 많았어서.. 할 수 없이 케이보드 게시판용 중간 브릿지 MU-플러그인을 만들어 설치하고 나서야 케이보드에 외부발행을 할 수 있게 되었다.

AI설정

통상적으로 워드프레스 포스트는 html문서로 작성해서 사용자정의html 블록을 사용하여 업로드 하는 바, 앱 내에 html 문서 변환을 위한 AI API의 설정이 반드시 필요했다

일단은 설정 화면에 오픈AI와 앤트로픽 API 설정을 위한 셋팅을 하고..

HTML Skills

종전에 각 사이트에 포스트 게시 시 사용하던 문서작성 스킬을 MD파일 형태로 불러와 이 앱에 등록을 하였다.

사이트 설정에서 스킬 적용이 가능하게 한 바, 한군데에서 쓸 수도 있고 아니면 여러 사이트에서 공통적으로 사용할 수도 있게 하였다.

포스트 업데이트 관리

사실 이건.. 코덱스의 아이디어 였는데.. 포스트 발행이력 관리를 통한 사후 업데이트 편의 제고.. 해놓고 몇 번 테스트 해 본 바, 이건 정말 잘했다 싶다.

사이트에 글을 올려놓고.. 일정 시간이 지난 후 포스트 내용을 정정해야 하거나.. 사후적으로 시류에 맞게 고쳐야 할 필요성이 생기는 경우가 왕왕 있게 되는데.. 기존에는 그게 어떤 포스트 더라? 하고 일일이 찾아서 편집 버튼을 눌러 내용을 정정하고 다시 발행을 하고 그랬어야 했는데.. 바로 어떤거더라? 하고 어디있더라? 가 그리 쉬운 문제가 아니었었다. 근데 이 앱을 통해서는 쉽게 말해 포스트별 이력 관리가 자동으로 되다 보니 내용을 정정하고 몇 번의 클릭 만으로 아주 쉽게 최신정보로 맞춰진 포스트가 재게시 되는 것이었다.