새로운 레이아웃을 적용하며, 필요한 작업과 사용할 수 있는 AI기능(ChatGPT, Agent, Codex, GitHub Copilot)의 매칭을 살펴본다.

✅ 작성 배경 (2025-07-29)

앞선 포스트들을 통해 블로그 자동화의 기반을 다졌지만, 레이아웃은 여전히 단순했다.
더 구조화된 화면(탐색 가능 메뉴, 시각 중심 배치, 하단 배너 등)을 제공하기 위해 Minimal Mistakes 테마를 도입하기로 했다.

🧩 작업 흐름 요약

1. 기존 테마 한계 인식
    ↓
2. ChatGPT와 대화로 새로운 테마 탐색
    ↓
3. Agent에게 테마 전환 및 구조 적용 요청
    ↓
4. 반영 결과 확인 → 메뉴/레이아웃 오류 발생
    ↓
5. Codex로 원인 분석 → Agent에게 반복 수정 요청

📦 실제 요청 및 결과 예시 (Agent 중심)

1. 레이아웃 변경 Agent에게 요청

ChatGPT에게 요청한 문장:

https://mmistakes.github.io/minimal-mistakes/docs/installation/
이 구조를 블로그에 적용하고 싶어.
좌측 메뉴와 하단 배너 구조까지 살려줘.

→ ChatGPT가 구조 설명 및 필요한 파일 목록 안내
→ Agent에게 아래와 같은 작업 요청

- remote_theme: "mmistakes/minimal-mistakes" 설정
- plugins 및 include 폴더 구성
- _pages 폴더 생성 및 각 페이지 이동
- navigation.yml과 author.yml 구성
- sidebar 설정 반영

결과:
파일은 정상 반영되었지만 블로그 상단 메뉴와 sidebar가 비어있고 일부 페이지는 404 오류 발생

2. 오류 원인 분석 – Codex 활용

반영 결과를 확인하던 중, 상단 메뉴가 여전히 비어 있고 sidebar도 출력되지 않아 Codex에게 다시 한번 확인 요청을 하게 되었다. 답변을 몇 차례 반복해 받아보았지만, 흐름에 맞는 명쾌한 해결책이 바로 나오지 않아 다소 답답함이 느껴지기도 했다.

Codex에게 요청한 문장 예:

navigation.yml이 있는데 메뉴가 안 나와.
_config.yml에는 include 설정도 되어 있는데 왜 그러지?

→ Codex는 다음을 지적했다:

  • _data/navigation.yml에 main: 키 누락 가능성
  • _pages에 있는 각 md 파일의 frontmatter에 layout, permalink 설정 누락
  • _includes 템플릿 간 충돌 가능성

3. Agent로 반복 수정 요청

Agent에게 전달한 반복 수정 요청:

- navigation.yml 구조 확인 및 main 블록 추가
- 각 페이지 md 파일의 permalink 및 sidebar 설정 보완
- 테마 스타일 일부 커스터마이징

→ 몇 차례 반복 후 메뉴 정상 출력 및 탐색 구조 완성

🔧 Codex vs Agent 실제 비교

항목 Agent Codex
초기 구조 변경 ✅ 직접 수정 및 반영 ❌ 코드만 제안
반복 패치 적용 ✅ 파일 커밋 반복 가능 ⚠ 반복 설명 필요
문제 진단 및 원인 분석 ❌ 직접 분석 어려움 ✅ 구조적 원인 설명에 강함
브라우저 반응 확인 ✅ 실시간 확인 가능 ❌ 불가
목표 달성 방식 ✅ 대략적인 목표도 잘 달성 ⚠ 구체적 작업에는 강하지만, 추상적 목표 또는 복합 주제는 소화하기 힘듦

✅ Agent는 가령적인 목표를 제시해도 일관된 방식으로 실행할 수 있다.
⚠ 반면 Codex는 명확한 작업 지시에는 강하지만, 흐름이 긴 과제나 맥락이 많은 작업은 처리에 제약이 있다.

📍 향후 흐름과 정착 의미

이번 실험은 블로그 레이아웃 변경 작업을 통해 ChatGPT, Agent, Codex, GitHub Copilot의 역할을 분리하고 정리해 작업 흐름 자동화의 분업 구조를 검증한 계기였다.

  • ChatGPT → 작업 목적과 방향을 명확히 잡아주고, 흐름 정리를 지원
  • Agent → 큰 작업 단위를 실제 파일 반영과 커밋 등으로 수행
  • Codex → 반복되는 작은 수정, 특정 구성 요소 보완, 오류 원인 추적
  • GitHub Copilot → 코딩 중 발생할 수 있는 단위 문제 해결

🥲 아쉽게도 Agent는 현재 Plus 구독자에 월간 40작업 제한이 있어 Codex와 Copilot을 현명하게 활용해야 한다.  

Updated: