AI시대의 웹개발 : 비동기 프로그래밍과 데이터 통신 최적화(프롱트 특강)
프롱트
₩44,000
초급 / JavaScript, promise, frontend, fetch-api, asynchronous-programming
4.9
(12)
자바스크립트 개발자를 위한 비동기 프로그래밍 개념과 데이터통신 최적화 기법을 다룹니다.
초급
JavaScript, promise, frontend

클로드 코드로 설계부터 TDD, CI까지 완성. 한 기능을 spec 한 줄에서 main 머지까지.
6명 이 수강하고 있어요.
난이도 초급
수강기한 무제한
작동하는 실용적 하네스 세트
TDD 풀 사이클 경험
Agent 기반 풀 파이프라인 통합 경험
작은 기능을 완성하면서, Agent 기반 워크플로우를 직접 짓는 법을 배웁니다.
강의 수강후 생성된 스킬들과 워크플로우 개념을 통해서 이후 개발프로젝트에서 응용 가능합니다.
강의 전체에서 클로드코드를 사용해서 개발합니다.
Agent 개발방식을 통제하기 위한 나만의 Harness 만들기를 위한 훈련
Agent 를 활용한 TDD 전체 사이클 경험
Skill Driven Workflow 완성
소프트웨어 공학 개념 기반 진행
포트폴리오 프로젝트 아님. 작은 기능을 만들면서 workflow 이해하는 강의
클로드코드로 배우지만, Codex 등 다른 도구에서도 응용해서 활용 가능
리액트 웹프로젝트를 소재로 하지만 모든 소프트웨어 개발에서 참고가 가능해요.
자기만의 AI 워크플로우를 완성하고 싶은 분
분석/설계 과정을 제대로 경험하고 업무에 활용하고 싶은 분
AI 시대에 TDD 방식으로 꼼꼼한 검수와 테스팅을 하고 싶은 분
초보도 가능하지만 Git/NPM/React/터미널 기본 지식이 있어야 가능합니다.
강의에서는 React + Vite기반 프로젝트를 사용하지만 워크플로우를 위한 도구정도로 생각해도 좋아요
간단한 Note를 작성하는 Note 웹 서비스
기본 구성이 완료된 note web을 github에서 fork받아서 시작 (또는 직접 디자인부터 구성가능)
전체 강의 동안 note web의 'tag' 기능만 개발함
강의는 단독적으로 챕터별로 수강가능하지만, 전체 흐름이 이어집니다.
아래 워크플로우는 요약된 커리큘럼이라고 보셔도 됩니다.
<강의에서는 아래와 같은 순서로 지식과 워크플로우를 이론/실습으로 배웁니다>
<TDD는 이 강의에서 중요하게 다룹니다>
강의내 설명자료는 작성한 마크다운 강의자료를, claude skills을 활용해서 HTML로 변환했습니다.
claude code 검증방식을 통해 강의자료에 대한 오류 검사 및 내용을 올바르고 수정했습니다.
학습 대상은
누구일까요?
자기만의 AI 코딩 워크플로우를 만들 싶은 분
Claude Code를 실전 워크플로우에 녹이고 싶은 분
Agent개발에서 TDD를 어떻게 녹일지 궁금한 분
선수 지식,
필요할까요?
Git 기본 (branch · commit · PR · merge), GitHub 저장소·이슈·PR 다루기
npm · Node.js
JavaScript / React 기초 이해
505
명
수강생
12
개
수강평
4
개
답변
4.9
점
강의 평점
2
개
강의
프롱트 유튜브 채널 : https://www.youtube.com/@frongt
AI시대 개발자 정보 : http://devskills.net
우아한형제들, NAVER, 현대자동차, 서울대학교등에서 웹 및 AI Agent 교육을 해오고 있습니다.
TmaxSoft, NAVER, NHN NEXT, SK Planet 을 거쳐 코드스쿼드에 있습니다.
전체
35개 ∙ (6시간 16분)
지식공유자님의 다른 강의를 만나보세요!
같은 분야의 다른 강의를 만나보세요!
얼리버드 할인 중
₩46,200
30%
₩66,000





