1. 소개
'19기 자동지식 저장소 스터디'에서 Claude Code Agents를 활용하여 기존에 썼던 블로그 글을 수정하고, 새로운 주제의 블로그 글을 자동으로 작성하도록 시도하였습니다.
Claude Code Agents를 활용하여 나의 블로그 글의 Quality를 높이고, 블로그 1일 1포스팅의 기초를 마련하고자 하였습니다.
Claude Code에 대 한 소개
- Claude Code는 일을 대신 처리해주는 AI 비서 + 자동화 엔진입니다. 명령을 하면 AI가 문서 작성, 파일 변환, 블로그 포스팅, 데이터 정리, 코드 실행 등을 스스로 처리합니다.
- 다른 자동화 도구(Make, Zapier)와 달리 프로그래밍을 몰라도 자연어로 자동화 흐름을 만들 수 있고, 에이전트처럼 여러 단계의 일을 한 번에 실행해준다는 점이 가장 큰 차이입니다.
2. 진행 방법
Google Antigravity에서 Claude Code Agents를 생성 및 활용, SEO(검색 엔진) 최적화, Agent 피드백 활용하여 2가지 사례 글 작성
(1) seo-reviewer.md Agent를 활용하여 블로그 글 수정하기
(2) Keyword-parser.md, analyzer.md, morpheme.md, blog-writer.md, orchestration.md 5개의 Agents를 활용하여 블로그 글 자동 작성하기
잘 모르는 부분에 대해 Genspark, ChatGPT를 활용하여 질문하면서 실습함
구체 프로세스
(1) 1주차 수업 후기 (Make로 AI times 뉴스 가져오기)
- 1주차 수업때 잘 이해하지 못해서 토요일 모각 때 촬영해서 공유해준 동영상 내용을 토대로 따라했음. Make에서 각종 설정하는 것이 복잡하게 느껴졌지만 뉴스 가져오는 것을 성공하고 나름 뿌듯했음.
- 스터디장님께서 공유해주신 ‘Claude Code 설치하기’를 따라해서 Node.js를 설치하고, Claude Code를 설치했음. 여러 과정을 거친 결과 드디어 Claude Code 로고가 보이는데 매우 감격했음.
[ Claude Code 설치 ]
Build Something Great 페이지가 컴퓨터 화면에 표시됩니다.
(2) 2주차 수업 (Google Antigravity에서 블로그 글 수정, 블로그 글 자동 작성)
-2주차 수업을 들었음. 솔직히 10%도 이해하기 어려웠음. Claude Code 설치도 어려웠는데, 처음보는 Terminal과 VS code 화면, 그리고 Google Antigravity 화면…. 뭐가 이리 복잡하지. 난이도가 너무 높은 스터디에 왔나 후회도 밀려왔음.
① VS Code 화면(뭐가 이리 많은 창이 열리고, 복잡하게 생겼는지...)
맥 os x os x os x os x os x os
② Google Antigravity 화면(여기에 Claude Code 설치함)
- 처음에는 많은 창이 열린다는 것이 오히려 공포로 다가왔음. 나중에는 그게 편리하다는 것과 창이 많은 이유를 알게됨.
웹페이지를 보여주는 컴퓨터 화면의 스크린샷
- 잘 모르겠고 어려워서 Claude Code에 대한 유튜브 영상 몇 개를 찾아 봤음. 스터디장님의 2주차 수업 영상을 다시 천천히 2번 더 봤음.
- 스터디장님께서 공유해주신 "Claude Code 활용하기 1과 2" 자료 내용을 봤음. 자세히 써 있었지만 잘 이해가 되지 않아 이 내용 전체를 복사해서 '젠스파크'에 모두 입력한 후 "이게 뭐하는거야?"라고 물었음. 그랬더니 조금 쉽게 설명해주어서 찬찬히 읽어봤음.
- Google Antigravity 화면의 버튼 하나 하나 이것 저것 눌러보면서 익숙해지도록 노력했음.
- 처음에는 아주 어렵게 느껴졌지만 여러번 보면서 Claude Code의 Slash Commands, Agents, Skills에 대해 점차 이해하게 되었음.
(3) 내 사례 만들기 - 1. 블로그 글 수정하기
- 가장 빨리 학습하는 방법은 나의 실제 사례를 만드는 것이라 생각했음. 그래서 스터디장님께서 추천하신 “블로그 SEO 리뷰어“ 사례를 따라해보기로 했음.
① SEO 리뷰어 사례 (예제 사례) 작성
- 젠스파크에서 “나는 다음의 실전 예제를 차근 차근 단계별로 진행해서 나의 사례를 만들고 싶어. Agents를 사용하라고 하셔서 Agents를 사용하는 사례를 만들고 싶다"고 프롬프트를 썼음.
한국어 단어가 적힌 한국어 페이지
- SEO 리뷰어 에이전트 만들기(seo-reviewer.md 만들기) : .claude/agents/ 폴더에서 우클릭 "New File" 선택하고 파일 이름을 "seo-reviewer.md”로 입력한 후 '젠 스파크'에서 만들어준 내용을 그대로 복사해서 붙여 넣었음.
- 테스트용 블로그 포스트 만들기(posts 폴더, test-post.md 파일 만들기) : 프로젝트 폴더에서 우클릭, "New Folder" 선택한 후 ’posts’ 폴더만듬. posts 폴더 아래에 'test-post.md' 파일을 만든 후 '젠스파크'에서 만든 블로그 글 내용을 그대로 복사해서 붙여넣음. (이 블로그 글 제목은 “ Claude Code로 블로그 포스팅 자동화하기")
- Claude Code에 이것들을 만들어 달라고 명령하면 만들어 준다는 것을 나중에 알았음