미국 빅테크 프론트엔드 시스템 디자인 실전: 단순 구현자로 남지 않기 위한 프론트엔드 개발자를 위해
미국달팽이
이 강의는 Threads 피드, Amazon 장바구니, Netflix 스트리밍 UI, Google Docs 협업 편집, Micro Frontend, Agentic UI, Observability 같은 실제 서비스 케이스를 통해 프론트엔드 시스템 디자인 사고방식을 훈련합니다.
초급
frontend, 시스템 디자인, 인공지능(AI)
강의에서는 Claude Code architecture를 통해 왜 모델보다 하네스가 중요한지 설명합니다. 그리고 Context Harness, Permission Harness, Verification Harness, Tool Harness, Subagent & Worktree Harness, Debugging Harness라는 6가지 구조로 Claude Code 작업 시스템을 설계하는 방법을 다룹니다. 이후에는 CLAUDE.md, 세션 관리, 큰 코드베이스 제어, worktree 병렬 운영, 에러 로그 분석, 환경변수 및 설정 스코프 문제 추적까지 연결하면서, 실제 백엔드·DevOps 실무에서 Claude Code를 계속 쓸 수 있는 기준을 잡아드립니다.
수강생 619명
난이도 초급
수강기한 무제한





현대글로비스
임직원들도 이 강의를 듣고 있어요!





현대글로비스
임직원들도 이 강의를 듣고 있어요!
먼저 경험한 수강생들의 후기
5.0
이태용
하네스 엔지니어링 기초 지식을 탄탄하게 알 수 있어서 좋아요
5.0
안준우
단계별, 상황별 핵심 단어들을 많이 나열해 주어서 좋습니다. 그 단어들을 반복해서 말씀 해 주시는 것도 상당히 도움이 됩니다.
5.0
김민재
클로드 코드의 활용법에 대해서 제대로 설명해주시네요! 비전공자도 잘 활용할 수 있게 개념적인 부분도 설명해줘서 좋습니다! (다 이해할지는 모르겠지만요...)
Claude Code CLI를 실제 프로젝트에 붙일 수 있는 하네스 설계 기준
CLAUDE.md, 세션 관리, 컨텍스트 제어를 통한 큰 코드베이스 작업면 설계 능력
Claude가 할 수 있는 행동 반경을 정하는 permissions / 권한 정책 설계 능력
Claude가 만든 결과를 그대로 믿지 않고 테스트, diff, 반례로 검증하는 Verification Harness 실무 감각
worktree와 병렬 세션을 활용해 멀티 태스크를 안전하게 격리하는 Subagent & Worktree 운영 능력
에러 로그, 환경변수, 설정 스코프, 재현 어려운 버그를 Claude가 풀 수 있게 정리하는 Debugging Harness 실전 능력
이 강의는 Claude Code CLI를 단순한 AI 코딩 도구로 소개하지 않습니다. 대신 Context, Permission, Verification, Tool, Subagent, Debugging Harness라는 관점으로 Claude Code를 실제 백엔드·DevOps 워크플로우 안에 정착시키는 방법을 다룹니다. 로그 분석, 버그 수정, 테스트 복구, CLAUDE.md 설계, 세션 관리, worktree 병렬 운영까지 연결하면서, Claude가 실제 프로젝트에서 안전하게 일할 수 있는 작업 시스템을 설계하는 법을 배우게 됩니다.
Claude Code를 설치해봤지만, 실제 프로젝트에서는 계속 쓰지 못하는 개발자
GUI에서는 편하게 질문하고 답을 받을 수 있었지만, 정작 실무에서는 다시 터미널로 돌아와 로그를 읽고, 테스트를 돌리고, diff를 검토하고, Git 브랜치를 정리하고 있었다면 이 강의가 필요합니다. 이 강의는 Claude Code를 “잠깐 써보는 도구”에서 “실제 프로젝트에서 계속 쓰는 도구”로 바꾸는 기준을 줍니다.
Claude가 큰 코드베이스에서 30분만에 할 수 있는 것을 5시간동안 붙잡은 비전공 개발자
문제는 단순히 모델 성능이 아니라, Claude가 어떤 정보를 보고 어떤 범위에서 움직여야 하는지 설계가 부족했을 가능성이 큽니다. 이 강의에서는 Context Harness와 CLAUDE.md, 세션 관리, context 재설계를 통해 Claude가 큰 코드베이스에서 덜 헤매도록 만드는 실전 패턴을 다룹니다.
AI 코딩 도구를 “잘 써보는 수준”이 아니라 “실무 시스템으로 운영하는 수준”까지 끌어올리고 싶은 개발자/비전공자
단순 기능 소개보다, 어떤 작업을 Claude에게 맡기고 어떤 작업은 직접 판단해야 하는지, 어떤 결과는 테스트와 diff로 검증해야 하는지, 어떤 자동화는 Hooks/MCP/Skills로 확장해야 하는지 같은 실무 기준이 필요한 분들께 추천합니다. 특히 백엔드 개발자, DevOps 엔지니어, 테크 리드에게 적합합니다.
이 강의를 듣고 나면 Claude Code를 단순히 “프롬프트를 잘 넣는 도구”로 보지 않게 됩니다. 대신 Claude가 무엇을 봐야 하는지, 어디까지 행동할 수 있는지, 어떤 결과를 어떻게 검증해야 하는지, 세션이 오염되면 언제 clear/compact/restart 해야 하는지, worktree와 병렬 세션을 어떻게 운영해야 하는지까지 판단할 수 있게 됩니다.
구체적으로는 CLAUDE.md에 프로젝트 규칙과 금지사항을 구조적으로 고정할 수 있고, 로그·환경변수·설정 스코프 문제를 Claude가 풀 수 있는 형태로 정리할 수 있으며, Claude가 제안한 수정안을 테스트·diff·반례 검증 루프로 검토할 수 있게 됩니다. 즉, Claude Code를 GUI형 보조도구가 아니라 실제 백엔드·DevOps 작업 흐름 안에 붙일 수 있는 수준까지 끌어올리게 됩니다.
이 강의는 Claude Code의 기능을 공식문서처럼 나열하지 않습니다. 대신 Claude Code가 실제 프로젝트에서 안전하게 일할 수 있도록 Context, Permission, Verification, Tool, Subagent, Debugging Harness를 설계하는 관점으로 설명합니다. 그래서 빠르게 바뀌는 버전 정보에 덜 흔들리고, 실제 프로젝트에 적용 가능한 기준이 남습니다.
단순한 데모 앱 제작이 아니라, 큰 코드베이스에서 Claude가 길을 잃지 않게 만드는 방법, 세션 오염을 줄이는 방법, worktree와 병렬 세션을 안전하게 운영하는 방법, GitHub Issue → PR 흐름을 Claude와 연결하는 방법까지 다룹니다. 실무에서 실제로 막히는 지점부터 출발합니다.
첫 번째 섹션에서는 GUI형 Claude와 CLI의 차이부터 분명하게 정리합니다. 단순히 인터페이스 차이를 비교하는 것이 아니라, 왜 GUI에서는 “물어보고 답을 받는 것”에 머무르기 쉽고, CLI에서는 실제 로그,테스트,Git, 배포 준비까지 연결할 수 있는지 설명합니다. 이후 Claude Code architecture를 통해 모델보다 하네스가 중요한 이유를 이해하고, 세션 간 memory와 CLAUDE.md의 역할, Plan/Thinking Mode와 Subagents, Skills와 Tool use의 차이까지 살펴봅니다.
두 번째 섹션은 이 강의의 핵심입니다.
Claude Code를 실제 프로젝트에 붙이기 위해 필요한 6가지 하네스를 하나의 작업 시스템으로 설명합니다. Claude가 어떤 정보를 봐야 하는지, 어디까지 행동할 수 있는지, 어떤 결과를 어떻게 검증해야 하는지, 어떤 도구를 어떤 구조로 붙일지, 병렬 작업을 어떻게 격리할지, 로그와 환경변수를 어떻게 문제 해결 가능한 형태로 바꿀지를 큰 그림으로 잡습니다. 이후 실습 섹션에서 이 지도를 실제로 구현하게 됩니다.
강의에서 직접 만드는 하네스 설정을 완성된 파일 형태로 모두 제공합니다.
강의를 들은 뒤 처음부터 다시 작성할 필요 없이, 자신의 프로젝트에 복사해 바로 적용할 수 있습니다.
제공되는 설정은 다음과 같습니다.
CLAUDE.md
Claude가 프로젝트에서 따라야 할 작업 규칙을 정의합니다.
codecraft-harness/SKILL.md
짧고 모호한 한 문장짜리 요청을 구체적인 설계와 구현 계획으로 변환합니다.
solid-review/SKILL.md
구현을 시작하기 전에 책임 분리가 적절한지, 불필요하게 복잡한 설계는 아닌지 점검합니다.
block-sensitive-paths.sh.env, SSH Key, 프로젝트 상위 폴더처럼 민감한 파일과 경로에 접근하지 못하도록 차단합니다.
run-tests-after-edit.sh
Claude가 파일을 수정할 때마다 관련 테스트를 자동으로 실행합니다.
block-stop-without-tests.sh
테스트를 실행하지 않았거나 테스트가 실패한 상태에서는 작업을 완료했다고 보고하지 못하게 합니다.
guard.sh
허용되지 않은 외부 네트워크 요청까지 차단해 안전한 실행 환경을 구성합니다.
강의에 포함된 Hook은 단순한 예제 코드가 아닙니다.
모두 실제 환경에서 실행하고 동작을 확인했습니다.
설정 파일을 등록하면 Claude가 코드를 수정할 때마다 자동으로 테스트가 실행되고, 테스트가 실패한 상태에서는 임의로 “작업을 완료했습니다”라고 종료할 수 없습니다.
즉, 프롬프트로 Claude에게 검증을 요청하는 수준을 넘어, 검증 절차를 시스템이 강제로 실행하도록 만드는 방법을 배우게 됩니다.
같은 하네스를 사용하더라도 모델마다 잘 따르는 지시와 놓치기 쉬운 지시가 다릅니다.
이 강의에서는 모든 모델에 동일한 프롬프트를 사용하는 대신, 각 모델의 특성에 맞게 어떤 지시는 제거하고 어떤 지시는 추가해야 하는지 정리한 복사용 프롬프트 블록 5종을 제공합니다.
Opus 5
모델이 자체적으로 수행하는 검증 지시는 줄여 불필요한 중복 작업을 방지합니다.
Opus 4.8
필요한 도구를 정확한 시점에 사용하도록 도구 실행 조건을 더 명확하게 지정합니다.
Sonnet 5
수정해야 하는 파일과 적용 범위를 문자 그대로 구체적으로 작성하는 방법을 다룹니다.
Haiku 4.5
effort 옵션이 없는 모델에서도 안정적으로 작업할 수 있도록 실행 절차를 단계별로 펼쳐 작성합니다.
Fable 5
모델에 지나치게 많은 지시를 주지 않고, 필요한 처방만 남기는 방식을 참고용으로 제공합니다.
각 플레이북에는 다음 내용도 함께 포함됩니다.
요청 시 400 Error가 발생하는 파라미터 조합
모델별 기본 파라미터와 동작 차이
effort 값을 변경하며 결과를 비교하는 기록표
동일한 프롬프트를 여러 모델에 실행하고 결과를 비교하는 Lab 04 실습
단순히 “어떤 모델이 더 좋다”를 설명하는 것이 아니라, 같은 작업을 반복 실행하고 결과를 기록하면서 모델별 최적 설정을 직접 찾는 방법을 익히게 됩니다.
복잡한 작업을 한 번에 순서대로 처리하는 방식과, 여러 작업을 의존 관계에 따라 나누어 처리하는 Graph Engineering 방식을 직접 비교합니다.
별도의 설치나 서버 실행 없이 HTML 파일을 브라우저로 열어 사용할 수 있습니다.
같은 요청이 다음 두 방식에서 어떻게 다르게 처리되는지 단계별로 재생해볼 수 있습니다.
하나의 흐름을 반복하는 루프형 실행
작업을 여러 노드와 의존 관계로 나누는 그래프형 실행
각 단계를 선택하면 해당 동작을 만든 설정 파일도 함께 확인할 수 있어, 실행 결과와 설정의 관계를 바로 이해할 수 있습니다.
총 645줄 분량의 학습 가이드를 제공합니다.
처음부터 이론을 길게 설명하지 않고 다음 순서로 구성했습니다.
결론 확인 → 30분 실습 → 핵심 개념 → 심화 이론
비전공자를 위한 학습 경로와 개발 경험이 있는 수강생을 위한 학습 경로도 분리되어 있습니다.
바이브 코딩으로 Claude Code를 처음 사용하는 분도 실습부터 시작할 수 있고, 개발자는 내부 동작과 설계 원리까지 더 깊게 학습할 수 있습니다.
설정 파일만 읽고 끝나는 것이 아니라, 실제 프로젝트 폴더에서 claude를 실행하며 Hook이 작업을 차단하고 검증하는 과정을 직접 확인합니다.
각 프로젝트에는 다음 문제가 의도적으로 포함되어 있습니다.
타입 오류
테스트 실패
겉으로는 정상처럼 보이는 로직 버그
수강생은 다음 흐름을 직접 경험하게 됩니다.
문제 감지 → 작업 차단 → 코드 수정 → 테스트 실행 → 검증 통과
루프형 프로젝트와 그래프형 프로젝트는 동일한 코드를 사용하며, 하네스 설정만 다르게 구성되어 있습니다.
따라서 코드 차이 때문이 아니라 작업을 조직하는 방식의 차이로 결과가 어떻게 달라지는지 정확하게 비교할 수 있습니다.
강의를 수강한 뒤에도 프로젝트를 구성하거나 문제를 해결할 때 찾아볼 수 있도록 실무용 문서를 함께 제공합니다.
환경 설정 가이드
실행 환경 준비, Hook 등록 방법, 자주 발생하는 오류와 해결 방법을 정리합니다.
Skill / Hook / CLAUDE.md / Test 역할 구분
각 구성 요소가 무엇을 담당하며, 어떤 문제에 어떤 도구를 사용해야 하는지 설명합니다.
하네스 점검 체크리스트
프롬프트, 설계, 구현, 테스트, 완료 조건이 빠지지 않았는지 확인할 수 있습니다.
질문 카드와 테스트 카드
요구사항이 모호할 때 사용할 질문, 테스트 설계 기준, 검증표 템플릿을 제공합니다.
모델별 플레이북 문서
모델별 파라미터, 동작 특성, 프롬프트 작성 기준을 한곳에 정리합니다.
모델 평가 기록표
같은 작업을 여러 모델과 설정으로 실행한 뒤 결과를 비교하고 기록할 수 있습니다.
이 자료들은 단순한 강의 부록이 아니라, 실제 프로젝트에서 반복해서 사용할 수 있는 Claude Code 하네스 운영 매뉴얼로 구성되어 있습니다.
실리콘밸리 생존자 | 미국달팽이
Global Tech Scene의 최전선에서 쌓은 경험과 노하우를 바탕으로, 비전공자가 기술 장벽을 넘어 비즈니스의 주인이 되는 길을 제시합니다.
현) 실리콘밸리 AI 코딩 에이전트 스타트업 창업자
자체 개발 AI 도구 'Snailer CLI' 운영 (18K+ 다운로드)
Google for Startups Program 선정
전) 미국 빅테크 및 유망 스타트업 엔지니어 커리어
Amazon 최종 단계, 창업 위해 포기
실리콘밸리 AI 핀테크 스타트업 엔지니어
OpenAI / Meta / Apple / Adobe / Amazon 풀스택 펠로우십
국내 검색엔진 포털, 핀테크 개발
AI 스타트업 AR/B2B/SDK 개발
검증된 교육 역량
인서울 4년제 컴퓨터공학/경영학 복수 전공 및 다수의 창업 경험
누적 수강생 1700+배출, SNS 스레드 4.5K+ / Substack 팔로워 470+ 보유
스레드: https://www.threads.com/@rich_l_2024?igshid=NTc4MTIwNjQ2YQ==
Substack 서브스택: https://open.substack.com/pub/1234373801
Q. Claude Code를 조금 써본 적은 있는데, 그래도 이 강의가 도움이 될까요?
네. 오히려 Claude Code를 잠깐이라도 써본 분들일수록 이 강의가 더 크게 와닿을 가능성이 높습니다. 처음에는 편리해 보였지만, 실제 프로젝트에 붙이려니 Claude가 자꾸 길을 잃거나, 테스트·Git·배포 같은 마지막 단계는 다시 사람이 직접 해야 해서 아쉬웠던 경험이 있다면 이 강의가 정확히 그 문제를 다룹니다. 이 강의는 기능 소개보다 “계속 쓰게 만드는 구조”에 집중합니다.
Q. 공식문서를 보면 되지 않나요?
공식문서는 가장 최신이고 정확한 정보의 기준점입니다. 하지만 공식문서를 읽는 것만으로는 “언제 어떤 기능을 써야 하는지”, “큰 코드베이스에서 왜 실패하는지”, “어떤 규칙은 CLAUDE.md에 넣고 어떤 건 permissions로 빼야 하는지”, “세션이 오염됐을 때 어떻게 다시 잡아야 하는지” 같은 실무 판단 기준까지 얻기 어렵습니다. 이 강의는 공식문서를 언급하기는 하지만 논문의 내용을 기반으로 하고 있습니다. 실무에 바로 적용할 수 있는 구조와 기준을 제공합니다
Q. 이 강의는 어느 수준까지 다루나요?
이 강의는 입문용 “빠르게 앱 하나 만들어보기” 강의가 아닙니다.
Claude Code CLI를 실제 프로젝트와 모바일 앱 개발, 백엔드, 프론트엔드, DevOps 등의 작업 흐름에 정착시키기 위한 중급 실전 강의입니다. 따라서 로그 분석, 세션 관리, CLAUDE.md, context 재설계, worktree 병렬 운영, 보너스 강의로는 모델 라우팅과 컨텍스트 예산 관리 같은 내용까지 제공될 예정입니다.
운영 체제는 macOS를 가장 권장하며, Windows 사용자는 WSL 환경을 권장합니다. Linux 환경에서도 대부분 비슷하게 따라올 수 있습니다. 실습은 Claude Code CLI를 중심으로 진행되며, 터미널 사용 경험이 있으면 훨씬 수월합니다. 프로젝트 구조를 다루고 Git/worktree를 일부 사용하기 때문에 기본적인 개발 환경 세팅이 되어 있는 상태가 좋습니다.
PPT, Notion
강의에서는 단순 링크 모음이 아니라, 실무에 바로 적용할 수 있는 템플릿과 기준표 중심의 자료를 제공합니다. 예를 들어 CLAUDE.md 템플릿, context pack 예시, 세션 정리 프롬프트, worktree 운영 플레이북, 모델 라우팅 기준표 같은 자료를 통해 복습할 때 영상을 다시 처음부터 돌리지 않아도 되도록 구성합니다.
제공 자료
▎ 수강생 전용 GitHub 저장소 (문서 33개 · 5,540줄)
▎ - 실습 5종 — 단계별 진행서 + 복사용 프롬프트 29개 + 샘플 데이터
▎ - 하네스 설정 완성본 — Skill 2종, Hook 4종, CLAUDE.md (동작 확인 완료)
▎ - 모델별 프롬프트 블록 5종 — Opus 5 / 4.8 / Sonnet 5 / Haiku 4.5 / Fable 5
▎ - Graph Engineering 자료 — 인터랙티브 학습 시트 + 실행되는 데모 프로젝트 3종
▎ - 참고 문서 6종 — 환경 준비, 검증표, 질문·테스트 카드, 기록표
기본적인 개발 경험, CLI 사용 경험, Git 개념 이해가 있으면 가장 좋습니다.
이 강의는 Claude Code를 재미있게 “찍먹”하는 강의보다는, 실제 프로젝트에서 계속 쓸 수 있는 구조를 만드는 강의이기 때문에 비전공자, 전공자 구분없이 수강생에게 적합한 하네스 엔지니어링 기법을 제공해드립니다.
학습 대상은
누구일까요?
Claude Code를 설치해봤지만, 실제 프로젝트에서 계속 쓰게 만들지 못한 개발자
GUI형 Claude로는 한계를 느끼고, CLI 기반 실무 사용법이 필요한 개발자
CLAUDE.md, permissions, hooks, MCP, subagents를 기능 소개가 아니라 실무 기준으로 배우고 싶은 분
AI 코딩 도구를 “써보는 수준”이 아니라 “작업 시스템으로 운영하는 수준”까지 끌어올리고 싶은 개발자
선수 지식,
필요할까요?
ChatGPT, Claude 같은 LLM 사용 경험이 있으면 더 좋습니다
인프런인증
1,702
명
수강생
92
개
수강평
76
개
답변
4.4
점
강의 평점
6
개
강의
실리콘밸리 생존자 | 미국달팽이
Global Tech Scene의 최전선에서 쌓은 경험과 노하우를 바탕으로, 비전공자가 기술 장벽을 넘어 비즈니스의 주인이 되는 길을 제시합니다.
현) 실리콘밸리 AI 코딩 에이전트 스타트업 창업자
자체 개발 AI 도구 'Snailer CLI' 운영 (18K+ 다운로드)
Google for Startups Program 선정
전) 미국 빅테크 및 유망 스타트업 엔지니어 커리어
Amazon 최종 단계, 창업 위해 포기
실리콘밸리 AI 핀테크 스타트업 엔지니어
OpenAI / Meta / Apple / Adobe / Amazon 풀스택 펠로우십
국내 검색엔진 포털, 핀테크 개발
AI 스타트업 AR/B2B/SDK 개발
검증된 교육 역량
인서울 4년제 컴퓨터공학/경영학 복수 전공 및 다수의 창업 경험
누적 수강생 1600+ 배출, SNS 스레드 4.5K+ / Substack 팔로워 470+ 보유
전체
49개 ∙ (6시간 38분)
해당 강의에서 제공:
1. 하네스 엔지니어링이란?
06:13
전체
40개
4.3
40개의 수강평
수강평 6
∙
평균 평점 5.0
5
실무에서 하네스를 적용해보려고했으나 매번 실패하고 시간만 날렸는데, 이렇게 체계적으로 하네스를 구축해야하는지 처음 알았습니다. 특히 에이전트 스킬이나 hooks 등등 .. 언제 사용하는지도 모르고 이런 기능들마저 ai에게 작성해달라고 했었는데 용도와 사용법을 알았으니 더 잘 활용할 수 있을 것 같네요.
소중한 수강평 정말 감사합니다.☺️ 앞으로도 논문과 실제 사례를 바탕으로, 클로드코드를 실무에서 더 안정적으로 활용할 수 있는 내용으로 계속 보강해나가겠습니다
수강평 1
∙
평균 평점 3.0
수정됨
3
강사님의 지식은 높은데 강의의 전달력 측면에서는 기대보단 아쉬움이 많이 남아서 중간에 단점이나 개선사항 위주로 남깁니다. 1. 교재가 부실합니다. 첨부된 ppt교재. 클로드로 만든건 알겠는데, 최소한 줄바꿈이나 블록 깨진거 후보정 정도는 해야하지 않을지?(몇장 안되서 30분도 안걸릴텐데) 동영상속 교재는 폰트가 너무 작아서 잘안보이고 포커싱이 오락가락해서 시선 따라가기 포기했습니다. 설명과 교재가 따로 놀아요. 2.서두와 중간부까지도 중복되고 불필요한 이론적인 설명이 너무 많습니다. (듣다가 언제 본론으로 넘어가는지 희망고문당하는 기분?)전달해주시려는 내용은 많은거 같은데, 수강자 입장에서는 본론이나 핵심을 요약하고 정리가 어렵습니다. 3. 후반부라도 실습 기대했는데. 결국 강사님 데모 PT 참관하는 느낌입니다. 좀더 핵심 위주로 목차구성 하신뒤에, 실무적인 설명을 달고, 실질적인 샘플코드나 md를 타이핑하도록 이끌어 주면서 설명하면 더 좋을거 같습니다. 후반부는 일부만 흩어봤지만 그래도 기대하고 꼭 완강하겠습니다.
안녕하세요 쭌1004님, 먼저 개선사항에 대해 정말 감사한 말씀 드립니다 7월 후반부에 말씀해주신 부분에 대해 검토해서 개선사항 반영해서 업데이트 하도록 하겠습니다 아쉬움 남겨드려 죄송한 말씀드립니다 수강해주셔서 감사한 말씀 드리며 좋은 하루 되시길 바랍니다