1. 소개
Claude Code Agents를 활용하여 기존에 썼던 블로그 글을 개선하도록 수정하고, 새로운 주제의 블로그 글을 자동으로 작성하도록 시도하였습니다.
Claude Code Agents를 활용하여 나의 블로그 글의 Quality를 높이고, 블로그 1일 포스팅을 기초를 마련하고자 하였습니다.
2. 진 행 방법
Google Antigravity에서 Claude Code Agents를 생성 및 활용, SEO 최적화 실전, Agent 피드백 활용하여 2가지 사례 글 작성
(1) @seo-reviewer.md를 활용하여 블로그 글 수정하기
(2) @orchestration.md를 활용하여 블로그 글 자동으로 작성하기
잘 모르는 부분에 대해 Genspark, ChatGTP를 활용하여 질문하면서 실습함
구체 프로세스
(1) 1주차 수업 후기
- 1주차 수업때는 잘 몰라도 ‘그런가보다’ 했음. 토요일 모각을 참여하지 못해 모각때 촬영해서 공유해주신 동영상 내용을 토대로 Make로 AI times 뉴스 가져오는 영상을 따라했음.
- n8n 스터디에서 '뉴스 가져오기'를 해보았기에 조금은 이해가 되었지만 Make에서 각종 설정하는 것이 복잡하게 느껴졌음. 하지만 뉴스 가져오는 것을 성공하고 나름 뿌듯했음.
- 스터디장님께서 공유해주신 slashpage에 있는 ‘Claude Code 설치하기’에 따라 Node.js를 설치하고, Claude code를 설치했음. 이어 Claude code 로고가 보이는데 매우 감격했음. 그리고 오랜만에 보는 Terminal 화면이 과거 'DOS' 화면을 연상하게 하여 반가웠지만 검정색 화면에 커서만 깜빡이는데 약간 불안하기도 했음.
[ Claude Code 설치 ]
(2) 2주차 수업
-2주차 수업을 들었음. 솔직히 10%도 이해하기 어려웠음. Claude Code 설치도 어려웠는데, 처음보는 Terminal과 VS code 화면, 그리고 Antigravity 화면…. 뭐가 이리 복잡하지. 난이도가 너무 높은 스터디에 왔나 후회도 밀려왔음. 하지만 스터디를 변경하는 시기가 이미 지나버렸다는 것을 인지하고 독하게 마음을 고쳐 먹었음.
- 스터디를 통해 VS code, Cursor, Antigravity(구글 기반) 화면이 비슷하는 것을 알았음
① VS code 화면(뭐가 이리 많은 창이 열리고, 복잡하게 생겼는지...)
② Antigravity 화면(여기에 Claude code 설치함)
- 처음에는 많은 창이 열린다는 것이 오히려 공포로 다가왔음. 나중에는 그게 편리하다는 것과 창이 많은 이유를 알게됨.
- 수업을 들었지만 잘 모르겠어서 Claude Code에 대한 유튜브 영상 몇 개를 찾아 봤음. 그리고 스터디장님의 2주차 수업 영상을 다시 천천히 2번 더 봤음.
- 스터디장님께서 공유해주신 slashpage에 있는 Claude Code 활용하기 1과 2에 대해 잘 이해가 되지 않아 이 내용을 복사해서 '젠스파크'에 모두 입력한 후 "이게 뭐하는거야?"라고 물었음. 그랬더니 조금 쉽게 설명해주어서 찬찬히 읽어봤음.
- Antigravity 화면의 버튼 하나 하나 이것 저것 눌러보면서 익숙해지도록 노력했음.
- 처음 보는 화면, 익숙하지 않은 포멧의 화면, 처음 듣는 단어들이서 아주 어렵게 느껴졌음.
- 여러번 보면서 Claude Code의 Slash Commands, Agents, Skills에 대해 이해하게 되었음.
(3) 내 사례 만들기 - 1. 블로그 글 수정하기
-가장 빨리 학습하는 방법은 나의 실제 사례를 만드는 것이라 생각했음. 그래서 스터디장님께서 추천하신 “블로그 SEO 리뷰어“ 사례를 따라해보기로 했음.
① SEO 리뷰어 사례 (예제 사례) 작성
- 젠스파크에서 “나는 다음의 실전 예제를 차근 차근 단계별로 진행하고 싶어. 그래서 나의 사례를 만들고 싶어……..”로 프롬프트를 넣어 사례 만들기 시작함. Agents를 사용하라고 하셔서 Agnets를 사용하는 사례를 만들었고 싶다고 프롬프트를 썼음.
- .claude/agents/ 폴더를 만들고, 스터디장님이 공유해준 에이전트들을 그 하위에 이동시킴.
- SEO 리뷰어 파일 만들기(seo-reviewer.md 만들기) : claude/agents/ 폴더에서 우클릭 "New File" 선택하고 파일 이름을 "seo-reviewer.md”로 입력한 후 젠스파크에서 만들어준 내용을 그대로 복사해서 붙여 넣었음. 그리고 저장했음.
- 테스트용 블로그 포스트 만들기(posts 폴더 만들기) : 프로젝트 폴더에서 우클릭, "New Folder" 선택한 후 폴더 이름을 ’posts’로 만듬, posts 폴더 클릭, 아이콘 클릭 (New File), 파일 이름을 test-post.md로 정한 후 젠스파크에서 만든 내용을 그대로 복사해서 붙여 넣고 저장했음.
- Agent 실행하기 : 오른쪽 Antigravity 채팅창에 “seo-reviewer 에이전트로 posts/test-post.md
파일의 SEO를 분석해주세요”라고 입력했음. (이 파일은 “ Claude Code 로 블로그 포스팅 자동화하기 : 설치부터 기능 활용까지 완벽 가이드＂라는 제목의 글)
- 처음은 글의 SEO 점수가 45점이었음. 젠스파크에서 수정한 내용을 posts/test-post.md에 입력하니 SEO 점수가 85점, 다시 수정한 내용을 입력 하니 SEO 점수가 98점으로 상승했음.
- 몇번씩 반복 실행하면서 다음 내용을 알게 되었음.
- 하지만 제대로 알고 싶어 젠스파크에게 다음과 같이 질문함. 그러니 쉽게 설명해줌.
② 내 블로그에 쓴 내 글에 대해 seo-reviewer 적용
- 내가 준 블로그 글을 가져와 SEO 분석후 개선해주었음. 블로그 글 점수 확인하니 62점, 1차 개선하니 92점이 되었음.
③ 내 블로그에 쓴 글에 대해 내가 직접 수정함
ⓐ 1번에 대한 답변
ⓑ 2번 내가 직접 내 블로그의 글에 대해 seo-reviewer 에이전트로 분석함. Antigravity 채팅창에 다음을 순서대로 입력했음.
- 1차 분석 결과 점수는 55점이 나옴. 개선 후 2차 점수는 98점
- 수정한 글을 블로그에 포스팅
- HTML로 만들었으나 그것을 자연어로 바꾸는 방법을 몰라 ChatGPT에게 일반 글로 변환해달라고 해서 변환해서 블로그에 포스팅함.
- 기존 블로그 글(55점) : https://blog.naver.com/father_happy/223989638676
- 개선된 블로그 글(98점) : https://blog.naver.com/father_happy/224086796584
(3) 내 사례 만들기 - 2. 블로그 글 자동 작성하기
- 1차 써준 글의 SEO 점수를 확인하니 75점. 그래서 개선해달라고 함. 개선한 글의 SEO 점수는 99점임을 확인함.
- 1차 블로그글(75점) : https://blog.naver.com/father_happy/224086851523
최종 블로그글(99점) : https://blog.naver.com/father_happy/224086863408
블로그 글 내에 이미지도 만들어 주었음. 만족할 만한 수준은 블로그 글이었음.
3. 결과와 배운 점
(1) 배운 점과 나만의 꿀팁을 알려주세요.
- 모르는 것에 대해서 Genspark와 ChatGPT를 활용하여 지속적으로 물어가면서 학습하고 나의 사례를 만들었음.
- 몰라도 시간을 들여 하나씩 따라해보니 차츰 차츰 스터디장님의 말씀이 이해가 되었음.
(2) 과정 중에 어떤 시행착오를 겪었나요?
- Cursor, VS code, Google Antigravity 화면을 처음 보았기에 파일 만드는 법, 창을 여는 방법, 명령어를 주는 방법 등이 낮설었음. 이것을 시간을 두고 반복해서 사용해야 개선될 수 있을 것임.
- Claude Code에서 최종 HTML을 자연어로 만들어 붙이는 방법을 제대로 터득하지 못해 ChatGPT에서 함.
(3) 도움이 필요한 부분이나 앞으로의 계획
- 아직 블로그 자동으로 제작하는 것이 익숙하지 못해 여러번 반복할 필요가 있음. Claude Code의 Slash Commands, Agents, Skills를 계속 사용하며 익숙해지도록 노력하겠음.
- 현재 작성된 블로그의 수정, 새로운 블로그 글의 자동 제작을 지속적으로 시도할 생각임
- 향후 블로그 글을 영상으로 만들어 유튜브에 업로드하는 자동화도 구현할 생각임
4. 도움 받은 글
2주차 스터디장님의 Claude Code 설치와 활용법이 많은 도움이 되었습니다.
Make, Claude Code, 옵시디언 관련한 다양한 유튜브가 도움이 되었습니다.
스터디장님의 열정과 스터디원분들의 활발한 참여가 저에게 동기부여가 되어 저도 열심히 하게 됩니다.
감사합니다.