4주 로드맵 만들기(Claude 활용하여)

소개

시도하고자 했던 것과 그 이유.

오늘 두 가지를 했다.

  1. 오전: GitHub에 있는 "학습허브 사이트" 템플릿을 내 컴퓨터로 그대로 가져오고, 앞으로 4주간 이 사이트를 채워가는 걸 도와줄 AI 학습메이트를 만들었다. 코딩을 모르기 때문에 회원가입이나 복잡한 설치 없이 통째로 가져오는 게 목표였고, 매번 내 상황(이직 준비, 배우려는 분야, 컴퓨터 환경)을 새로 설명하지 않아도 되도록 AI에게 성격과 규칙을 미리 심어두고 싶었다.

  2. 오후: 4주 로드맵을 확정했다. 반도체·배터리·AI로 이직을 준비하는데 이 분야 뉴스가 너무 많아서 하나하나 분석할 시간이 없다는 게 평소 불편함이었다. "뉴스 키워드 요약봇"이라는 어렴풋한 방향을 학습메이트한테 던지고, 로드맵을 구체적으로 짜보기로 했다.

진행 방법

어떤 도구를 사용했고, 어떻게 활용했는지.

오전 — 템플릿 가져오기 & 학습메이트 만들기

  • 사용 도구: Claude Code, GitHub, Node.js/npm

  • 저장소 링크를 주고 요청:

    "아래 GitHub 링크에 학습허브 사이트 템플릿이 있어. 이 내용을 지금 이 폴더로 그대로 가져와줘. 나는 코딩을 몰라, 회원가입이나 복잡한 설치 없이 가져와줘."

    AI가 git clone으로 저장소를 통째로 받아왔다. (클론 대상 폴더에 이미 .claude 설정 폴더가 있어서 한 번에 안 됐는데, AI가 임시 폴더에 먼저 받은 뒤 옮기는 방식으로 해결했다.)

  • SOUL.md·USER.md·AGENTS.md·CLAUDE.md 4개 파일을 만들기 위해 AI가 순서대로 질문 (이름 후보 → 말투 선택 → 나에 대한 자유 답변). 컴퓨터 환경(OS·Node.js 버전)은 AI가 직접 확인해서 기록.

  • 미리보기 요청:

    "이제 내 사이트를 내 컴퓨터에서 미리보기로 띄워줘."

    npm installnpm run devhttp://localhost:4321에서 첫 화면 확인.

오후 — 4주 로드맵 확정 & 랜딩페이지 완성

  • 사용 도구: Claude Code(학습메이트), 웹서치(실제 사례 조사), Astro 로컬 미리보기

  • 처음 던진 프롬프트:

    내 4주 로드맵 만들어줘. 내가 만들려는 것에 어렴풋한 방향이 있으면,

    그것에 맞는 실제 사례나 방법을 먼저 찾아보고, 거기에 맞춰서 로드맵을 짜줘.

  • AI가 먼저 "RSS + LLM 뉴스 요약봇" 실제 사례(n8n 자동화 사례, GitHub 오픈소스 프로젝트들)를 웹서치로 찾아본 뒤, 그 틀에 맞춰 하나씩 물어봤다 (뭘 만들고 싶은지 → 왜 → 누구한테 필요한지 → 최종 결과물 → 지금 나 → 되고 싶은 나). 처음엔 "뉴스 요약봇" 정도로만 생각했는데, 질문에 답하다 보니 "기사 하나 요약"이 아니라 "여러 기사에 걸쳐 공통으로 뜨는 키워드를 잡아 설명+사례로 보여주고, 위키에 용어 사전처럼 쌓이는 것"으로 훨씬 뾰족해졌다.

  • 완성된 로드맵을 src/content/wiki/00-roadmap.md에 저장.

  • 랜딩·미리보기 요청:

    방금 만든 로드맵과 인터뷰 내용으로 내 랜딩 페이지 글을 만들어서,

    랜딩 자리에 넣어줘. 그리고 로컬로 첫 화면을 보여줘.

    src/content/landing/landing.md 반영 후 npm run dev로 재확인.

(Tip: 로컬 미리보기 화면 캡처를 여기에 넣으면 좋아요 — 오전엔 첫 배포 화면, 오후엔 새 랜딩 화면)

결과와 배운 점

  • 배운 점:

    • 저장소 링크 하나만 있으면 git clone으로 사이트 전체 구조를 통째로 가져올 수 있고, .md 파일 몇 개(SOUL/USER/AGENTS/CLAUDE)만으로 AI에게 성격·내 정보·작업 규칙을 미리 심어둘 수 있다는 것.

    • "로드맵 만들어줘" 한 줄로 끝내지 않고, 실제 사례(n8n+LLM+RSS 조합)를 먼저 찾아본 다음 그 틀에 맞춰 짜니 4주 안에 진짜 완성 가능한 크기로 계획이 잡혔다. AI가 질문으로 파고드니 어렴풋한 생각이 훨씬 뾰족한 요구사항으로 바뀌었다.

  • 시행착오:

    • 학습메이트 이름을 정하는 과정에서 특정 독재자를 연상시키는 이름을 여러 번 제안했는데, AI가 정중히 거절했고 결국 "게릿 콜"로 정착.

    • 클론 대상 폴더에 이미 .claude 설정 폴더가 있어서 git clone이 바로 안 먹혔던 문제 → 임시 폴더 경유로 해결.

    • 로컬 서버를 다시 띄우려는데 4321 포트가 다른 세션에서 이미 쓰이고 있어서 충돌 → .claude/launch.json 포트를 4322로 바꿔서 해결.

  • 도움이 필요한 부분: 다음 주로 넘어가면 n8n·텔레그램 봇 API 연동처럼 처음 다뤄보는 도구가 나오는데, 여기서 막힐 걸로 예상된다.

  • 앞으로의 계획: 1주차 나머지 — 텔레그램 봇 토큰 발급, n8n 가입, LLM API 키 준비, 반도체·배터리·AI 세 섹터 RSS 뉴스 소스 리스트 정리.Tip: 활용 이미지나 캡처 화면을 꼭 남겨주세요.

Tip: 코드 전문은 코드블록에 감싸서 작성해주세요. ( / 을 눌러 '코드 블록'을 선택)

(내용 입력)

결과와 배운 점

배운 점과 나만의 꿀팁을 알려주세요.

과정 중에 어떤 시행착오를 겪었나요?

도움이 필요한 부분이 있나요?

앞으로의 계획이 있다면 들려주세요.

(내용 입력)

도움 받은 글 (옵션)

참고한 지피터스 글이나 외부 사례를 알려주세요.

(내용 입력)

2
4개의 답글
밀어주고 끌어주는

온·오프라인 AI 스터디

AI로 어디까지 할 수 있는지
직접 확인하실 분만 신청하세요.