Setup Menus in Admin Panel

테스트를 먼저 설계하면, 구현은 AI가 대신합니다.
개발 속도와 품질을 동시에 잡는 실무형 개발 방식!

코드를 직접 하나하나 작성하던 방식, 이제 비효율적입니다
TDD와 AI로 누구나 완성하는 웹 개발

인증·CRUD·대시보드까지
AI로 확장되는 당신의 개발 구현 능력

 

– Vitest·Playwright로 테스트 기준을 먼저 설계하는 개발 방식
– 테스트 기반 프롬프트로 Claude Code에 정확하게 구현 지시
– 단위 테스트부터 통합·E2E까지 연결되는 전체 검증 흐름
– TaskFlow 프로젝트 기반 실제 서비스 구조 구현 실습

 

개발의 기준을 바꾸는 TDD + AI 워크플로우
이제 수정 없이, 한 번에 완성하는 개발을 시작하세요!

수강 체험단 후기
기업 강의 전문, 노하우가 만들어낸 강의

막히는 시간이 확실히 줄었습니다

기능 만들 때 초반에 많이 막히는 편이었는데요. 테스트를 먼저 작성하고 진행하니까 뭘 만들어야 하는지가 정리된 상태에서 시작돼서 흐름이 훨씬 수월해진 것 같아요!

속도보다 “덜 헤맨다”는 게 더 크게 느껴졌습니다.

체험단 후기 (sl***)

AI 쓰는 방식의 변화

예전에는 AI로 코드 생성하면 결과가 애매해서 결국 다시 수정하는 경우가 많아 지쳤습니다. 강의를 수강한 후, 테스트 기준으로 Claude Code에 맡기니까 결과가 훨씬 안정적으로 나와 신기하네요!

실습을 따라가며 배우니 이해도 빠르고 바로 적용이 되니 수강이 어렵지 않습니다.

체험단 후기 (eor***)

전체 개발 흐름을 한 번에 이해

백엔드, 프론트 따로 배울 때는 프로젝트 만들 때 연결이 잘 안 됐는데요.
이번에는 인증부터 E2E, 배포까지 한 번에 이어져서 전체 흐름이 정리됐습니다.

혼자 프로젝트 만들 때 기준 잡는 데 도움이 됐습니다.

체험단 후기 (정***)

TDD란?

TDD(Test-Driven Development)는 기능 구현 전에 테스트를 먼저 작성하고, 그 테스트를 통과하도록 코드를 구현하는 개발 방식입니다. Red → Green → Refactor 사이클을 기반으로 요구사항을 코드로 명확하게 정의하고, AI가 생성한 코드까지 검증 가능한 구조를 만듭니다.

Claude Code란?

Claude Code는 테스트 기반으로 코드를 생성하고 수정하는 AI 코딩 도구입니다.
프로젝트 구조를 이해하고 테스트를 통과하는 방향으로 코드를 생성하며, 반복적인 구현 작업을 줄이고 개발 속도를 높일 수 있습니다.

TDD로 설계하고, Claude Code로 구현하여
더 빠르고 정확한 TDD + AI 개발을 지금 바로 시작해보세요!

클로드 코드와 TDD로 완성하는 AI 풀스택 개발 커리큘럼 특징

실무에서 바로 적용 가능한 개발 흐름을 만드는 TDD 기반 실전 강의입니다.

1. 테스트부터 시작하는 가장 빠른 개발 진입
기능 정의 → 구현 → 확인으로 이어지는 명확한 개발 흐름 구성

2. ‘감’이 아니라 ‘기준’으로 만드는 AI 코드 생성
구조화된 요구사항 기반으로 일관된 코드 결과 도출

3. API 설계부터 검증까지 연결되는 백엔드 구축
데이터 처리 흐름과 인증 구조를 포함한 서버 로직 구성

4. 프론트엔드까지 이어지는 테스트 기반 개발 흐름
사용자 동작 중심 UI 구현 및 인터페이스 안정성 확보

5. E2E 테스트와 배포까지 완성하는 전체 개발 사이클
전체 서비스 흐름 점검 + 실제 운영 환경 배포 경험

검증 기반 설계와 AI 활용 개발 방식으로

직접 서비스 퀄리티의 웹앱을 만들어보세요!

TDD + AI 개발 방식을 익히는 단 하나의 실습 강의!

1. 강의 신청하기

2. 배정만 강사님과 함께 함께 TDD 기반 AI 웹앱 개발 실습

3. 실무에 바로 적용 가능한 풀스택 웹앱 결과물 완성

요즘 개발자들이 일하는 개발 방식, 지금 바로 경험해보세요!

이런 걸 배워요!

막히지 않고 혼자서도 완성 가능한 풀스택 웹앱 개발

기능 구현 중심 개발에서 벗어나, 기준 중심의 개발 방식으로 전환하세요!

이제 테스트 기반으로 설계하고 배포까지 이어지는 웹앱을 직접 완성해보세요!

지식공유자 소개

이런 분께 자신있게 추천드립니다.

– 기능 구현할 때 어디서부터 시작해야 할지 막히는 개발자
– 반복적인 코드 작성보다 더 효율적인 개발 방식을 찾고 있는 분
– AI를 활용해 개발 속도를 높이고 싶지만 방법이 막막했던 분
– API부터 프론트까지 한 번에 연결된 프로젝트 경험이 필요한 분
– 테스트 기반으로 안정적인 코드 구조를 만들고 싶은 개발자
– 단순 실습이 아니라 실제 서비스 수준까지 완성해보고 싶은 분
– TDD와 AI를 결합한 개발 방식을 실무에 적용하고 싶은 모든 분

 

테스트로 설계하고 AI로 완성하는 개발 흐름으로 전환하고,
TDD 실습 하나로 구현·검증·배포까지 직접 경험하세요.

강의 특징

 

STEP 1. 개발을 시작하는 기준과 환경 이해

프로젝트 구조와 개발 환경을 세팅하며 전체 흐름을 시작할 준비

 

 

STEP 2. 요구사항을 먼저 정의하는 설계 방식 체득

무엇을 만들어야 하는지 명확히 정리하고 개발 방향을 잡는 방법 익힘

 

 

STEP 3. AI와 함께 기능을 구현하는 방식 적용

정의된 내용을 기반으로 빠르게 구현하고 반복 작업을 줄이는 경험

 

 

STEP 4. 화면까지 확장하며 하나의 서비스로 연결

기능 구현을 넘어 사용자 인터페이스까지 이어지는 개발 경험

 

 

STEP 5. 전체 흐름을 완성하고 실제 서비스로 배포

처음부터 끝까지 이어진 결과물을 실제로 동작하는 형태로 완성

 

“이걸 정말 AI가 구현한 거라고?” 테스트로
검증된 코드가 만들어내는 결과, 이제 직접 경험해보세요.

테스트 시나리오와 Claude Code로 안정적인 코드 구현을 빠르게 완성!

실제 서비스 수준 웹앱을 직접 제작
TDD + AI 개발 실습, 지금 시작하세요!

단 6시간만 투자하세요.
효율적이고 체계적인 커리큘럼으로
역량 강화와 실질적인 결과물을 한 번에 마스터하세요

예상 질문 Q&A

Q. 강의를 수강하기 위해 개발 경험이나 AI 지식이 필요한가요?
A. 본 강의는 TDD와 AI 개발 방식을 처음 접하는 분들도 따라올 수 있도록 설계되었습니다. 테스트 작성부터 Claude Code 활용까지 단계별로 진행되기 때문에, 별도의 사전 지식 없이도 실습을 통해 충분히 익히실 수 있습니다.

Q. 강의를 수강하기 위한 요구 사항 또는 필요 조건이 있나요?
A. 강의를 수강하기 위해 특별한 사전 지식이나 기술은 필요하지 않습니다. 다만 실습에서 VS Code와 Claude Code, 테스트 도구(Vitest 등)를 사용하기 때문에 기본적인 개발 환경과 Git 사용이 가능한 상태라면 보다 원활하게 학습하실 수 있습니다.

Q. 본 강의 수강에 유료 서비스 구매가 필요한가요?
A. 본 강의에서는 Claude Code를 활용하기 때문에, 해당 기능 사용을 위해 Claude Pro 이상의 요금제가 반드시 필요합니다. 강의 초반에 필요한 도구와 사용 방식은 자세히 안내드릴 예정입니다. 

수강 전 확인해주세요!

      • 실습 위주의 강의이기 때문에 강의 화면과 실습 화면을 분리할 수 있는 듀얼 모니터 또는 여분 기기를 함께 준비해주시면 좋습니다.
      • 또한 Windows OS 기반으로 실습이 진행되므로, Windows 환경에서의 강의 수강을 추천해드립니다.
      • 강의 교안 및 실습파일은 <00. 교재 다운로드 센터> 섹션에 존재합니다.

가능성을 깨우는 성장파트너,
마소캠퍼스


마소캠퍼스가 우리 모두의 성장을 위해 준비한 Actionable & Time-Saving 콘텐츠,
지금 확인해보세요. (기업 교육 문의는 biz@masocampus.com)

Course Curriculum

00. 교재 다운로드 센터
[onc141] AJX000 교재 배포 페이지 00:00:00
01. 강의 소개 및 개요
[onc141] AJX011 강의 소개 및 개요 FREE 00:22:21
02. TDD기초와 프로젝트 설정
[onc141] AJX021 TDD 기본 개념과 프로젝트 세팅 FREE 00:13:12
[onc141] AJX022 환경 구성 00:21:37
[onc141] AJX023 Claude Code 설치 확인 00:04:41
03. API 테스트 작성
[onc141] AJX031 인증 & 태스크 API 테스트 작성 00:11:09
[onc141] AJX032 백엔드 초기화 00:22:10
[onc141] AJX033 API 테스트 수행 00:23:06
04. Red Phase & Claude Code
[onc141] AJX041 Red Phase와 DB 스키마 구현 00:14:52
05. 백엔드 구현 (Green Phase)
[onc141] AJX051 인증 라우트 구현 00:18:30
[onc141] AJX052 Task 라우트 구현 00:06:35
06. 프론트엔드 테스트 환경
[onc141] AJX061 프론트엔드 프로젝트 세팅 00:19:12
[onc141] AJX062 프론트엔드 테스트 설정 00:09:33
[onc141] AJX063 로그인 컴포넌트 테스트 00:13:20
[onc141] AJX064 TaskTable 컴포넌트 테스트 00:14:11
07. 컴포넌트 구현 & E2E 준비
[onc141] AJX071 프론트엔드 패키지 추가 및 홈페이지 작성 00:23:32
[onc141] AJX072 Playwright 설치 & 설정 00:12:51
[onc141] AJX073 e2e Auth spec 구현 00:17:13
[onc141] AJX074 중복제거 (SignupPage) 00:04:02
08. E2E 테스트 완성
[onc141] AJX081 Task CRUD E2E 테스트 (1) 00:24:11
[onc141] AJX082 Task CRUD E2E 테스트 (2) 00:09:41
09. 배포
[onc141] AJX091 Railway와 Vercel로 배포하기 00:06:57
[onc141] AJX092 Railway 배포 00:14:21
[onc141] AJX093 Vercel 배포 00:03:31
[onc141] AJX094 Railway 배포 오류 해결과 배포 마무리 00:03:48
10. 마무리와 다음 단계
[onc141] AJX101 GitHub Actions CI/CD 00:06:33
[onc141] AJX102 학습 내용 정리 00:04:10
Actionable Contents
  • PRIVATE
  • 45 Days
545611 STUDENTS ENROLLED

머니매그넷(주) Since 2013
마소캠퍼스디티(DT)원격평생교육원
- 온라인|원격평생교육시설 등록번호
: 제 원-781호

마소캠퍼스 DT평생교육원
- 오프라인|지식·인력개발사업 평생교육시설 등록번호
: 제 지-137호

강남캠퍼스: 서울시 서초구 강남대로 53길 8, 10-31호(서초동, 스타크 강남빌딩) 10-31, Gangnamdae-ro 53Gil 8, Seocho-gu, Seoul (06621)
송도교육연구원: 인천광역시 연수구 송도과학로 32 송도테크노파크IT센터 S동 2003호, 20F, Technopark IT center, Songdogwahak-ro 32, Yeonsu-gu, Incheon (21984)

전화 02-6080-2022, 팩스 02-6455-2021, 이메일 문의 cs@masocampus.com

사업자정보 264-81-13054
통신판매업번호 2023-서울서초-1812, 대표(개인정보책임자): 김진, 서비스 이용약관, 개인정보 처리방침, 사업자정보확인

마소캠퍼스 웹사이트는 크롬 브라우저에 최적화 되어 있습니다.

top
©MasoCampus. All rights reserved.
Click to Hide Advanced Floating Content
지금 보고 계신 VOD 강의는
총 26개 수업 / 5시간 44분
[수강기한: 6개월 -> 평생수강 이벤트 진행중]
정가 129,000원 ->  89,000