코드 에디터 안에서 홈페이지까지 고칠 수 있을까
평소 코드를 작성할 때 쓰는 도구를 벗어나지 않고 홈페이지 화면까지 손볼 수 있다면 작업 흐름이 훨씬 단순해집니다. Codex는 터미널에서 대화형으로 코드를 작성하고 실행하는 도구인데, 여기에 IBIGENT Studio를 MCP로 연결하면 코드 작업과 홈페이지 편집을 한 창에서 오갈 수 있는지 직접 확인해 봤습니다.
연동 문서부터 확인했다
아이비전트는 IBIGENT Studio를 여러 AI 코딩 도구와 연결할 수 있도록 도구별 문서를 따로 제공합니다. Codex 전용 문서는 https://www.ibigent.com/docs/ibigent-studio/codex.html 에서 확인할 수 있고, MCP 연결 전체 개요는 https://www.ibigent.com/docs/ibigent-studio/mcp.html 에 정리되어 있습니다. 설정 항목을 그대로 옮겨 적용하면 되는 구조라 별도 해석이 필요한 부분은 많지 않았습니다.
터미널에서 실제로 명령을 내려봤다
문서에 안내된 설정을 마친 뒤 터미널에서 IBIGENT Studio 관련 명령을 실행해 봤습니다. 파일을 열고 저장하는 익숙한 방식 그대로 명령을 입력하면, 그 결과가 로컬 파일이 아니라 IBIGENT Studio 프로젝트에 반영된다는 점이 가장 다른 부분이었습니다. 코딩 도구에서 벗어나지 않고도 사이트 쪽 변경을 시도할 수 있다는 점이 확인됐습니다.
편집 화면에 반영되는지 확인했다
터미널에서 명령을 내린 뒤 IBIGENT Studio 편집 화면을 열어보면 방금 실행한 변경 내용이 그대로 화면에 나타납니다. 이후에는 화면에서 직접 클릭해 문구나 이미지를 다듬는 방식과, 터미널에서 명령으로 처리하는 방식을 상황에 맞게 섞어 쓸 수 있다는 점도 함께 확인됐습니다.
연동 전에 알아둘 점
MCP 연동 자체는 문서를 따라 진행하면 되는 무료 절차이지만, IBIGENT Studio로 만든 사이트를 실제로 저장하고 배포하려면 해당 서비스의 요금제 조건은 별도로 확인해야 합니다. 또한 IBIGENT Studio는 Codex 외에 Claude Code, Cursor 등 다른 도구용 문서도 같은 방식으로 제공하고 있어, 평소 쓰던 도구가 다르더라도 같은 흐름으로 연동을 시도해볼 수 있습니다.
정리하며
코드 작업과 홈페이지 편집을 오가며 창을 계속 바꾸는 대신, 터미널 명령 하나로 두 작업을 이어갈 수 있는지 직접 확인해 본 과정이었습니다. 이미 Codex를 쓰고 있다면 문서에 안내된 설정만 옮기면 되는 절차라 큰 부담 없이 시도해볼 수 있는 방법입니다.
