All Lectures

[개인 역량 맞춤 프로젝트] AI로 만드는 웹 서비스 개발 과정

개인 역량 맞춤 프로젝트 AI로 만드는 웹 서비스 개발 과정

Lecture Introduction

Difficulty

Normal

Category

ICT - AI·SW 장기교육

Tag

인공지능, 웹개발, AI, 웹, 풀스택, VOD, 온라인, zoom, 프론트엔드, 백엔드

Proceeding period

From 26.04.25 to 26.10.17

time taken

960 hours

Target Audience

- [취업 준비생]: AI 활용 역량까지 갖춘 예비 개발자로 압도적 경쟁력을 쌓고 싶은 취준생
- [재직자]: 디지털 전환 시대의 필수 역량을 확보하여 확실한 커리어 점프를 원하는 재직자
- [비전공자/입문자]: 비전공자의 한계를 넘어 실전 기술과 협업 능력을 장착하고 싶은 예비 인재

Curriculum

Expand All

01
[AI] AX/AI 인사이트

[AI] AX/AI 인사이트: AX 트렌드 & AI 활용- 1강

[AI] AX/AI 인사이트: AX 트렌드 & AI 활용- 2강

[AI] AX/AI 인사이트: AX 트렌드 & AI 활용- 3강

[AI] AX/AI 인사이트: AX 트렌드 & AI 활용- 4강

[AI] AX/AI 인사이트: AI 기술 기업조직 활용- 1강

[AI] AX/AI 인사이트: AI 기술 기업조직 활용- 2강

[AI] AX/AI 인사이트: AI 기술 기업조직 활용- 3강

[AI] AX/AI 인사이트: AI 기술 기업조직 활용- 4강

[AI] AX/AI 인사이트: AI기술의 산업별 활용사례- 1강

[AI] AX/AI 인사이트: AI기술의 산업별 활용사례- 2강

[AI] AX/AI 인사이트: AI기술의 산업별 활용사례- 3강

[AI] AX/AI 인사이트: AI기술의 산업별 활용사례- 4강

[AI] AX/AI 인사이트: AI기술의 산업별 활용사례- 5강

[AI] AX/AI 인사이트: AI기술의 산업별 활용사례- 6강

[AI] AX/AI 인사이트: AI기술의 산업별 활용사례- 7강

[AI] AX/AI 인사이트: AI기술의 산업별 활용사례- 8강

[AI] AX/AI 인사이트: 생성형 AI 실무활용 워크북- 1강

[AI] AX/AI 인사이트: 생성형 AI 실무활용 워크북- 2강

[AI] AX/AI 인사이트: 생성형 AI 실무활용 워크북- 3강

[AI] AX/AI 인사이트: 생성형 AI 실무활용 워크북- 4강

[AI] AX/AI 인사이트: 생성형 AI 기반기술의 이해- 1강

[AI] AX/AI 인사이트: 생성형 AI 기반기술의 이해- 2강

[AI] AX/AI 인사이트: 생성형 AI 기반기술의 이해- 3강

[AI] AX/AI 인사이트: 생성형 AI 기반기술의 이해- 4강

[AI] AX/AI 인사이트: GenAI 기반기술- 1강

[AI] AX/AI 인사이트: GenAI 기반기술- 2강

[AI] AX/AI 인사이트: GenAI 기반기술- 3강

[AI] AX/AI 인사이트: GenAI 기반기술- 4강

[AI] AX/AI 인사이트: GenAI를 활용- 1강

[AI] AX/AI 인사이트: GenAI를 활용- 2강

[AI] AX/AI 인사이트: GenAI를 활용- 3강

[AI] AX/AI 인사이트: GenAI를 활용- 4강

[AI] AX/AI 인사이트: GenAI를 활용- 5강

02
[AI] 바이브코딩으로 만드는 AI 웹앱

[AI] 바이브코딩으로 만드는 AI 웹앱: 준비 (Starter)- 1강

[AI] 바이브코딩으로 만드는 AI 웹앱: 준비 (Starter)- 2강

[AI] 바이브코딩으로 만드는 AI 웹앱: 준비 (Starter)- 3강

[AI] 바이브코딩으로 만드는 AI 웹앱: 준비 (Starter)- 4강

[AI] 바이브코딩으로 만드는 AI 웹앱: 준비 (Starter)- 5강

[AI] 바이브코딩으로 만드는 AI 웹앱: 시작 (Foundation)- 1강

[AI] 바이브코딩으로 만드는 AI 웹앱: 시작 (Foundation)- 2강

[AI] 바이브코딩으로 만드는 AI 웹앱: 시작 (Foundation)- 3강

[AI] 바이브코딩으로 만드는 AI 웹앱: 시작 (Foundation)- 4강

[AI] 바이브코딩으로 만드는 AI 웹앱: 시작 (Foundation)- 5강

[AI] 바이브코딩으로 만드는 AI 웹앱: 활용 (Practitioner)- 1강

[AI] 바이브코딩으로 만드는 AI 웹앱: 활용 (Practitioner)- 2강

[AI] 바이브코딩으로 만드는 AI 웹앱: 활용 (Practitioner)- 3강

[AI] 바이브코딩으로 만드는 AI 웹앱: 활용 (Practitioner)- 4강

[AI] 바이브코딩으로 만드는 AI 웹앱: 활용 (Practitioner)- 5강

[AI] 바이브코딩으로 만드는 AI 웹앱: 활용 (Practitioner)- 6강

[AI] 바이브코딩으로 만드는 AI 웹앱: 적용 (Portfolio)- 1강

[AI] 바이브코딩으로 만드는 AI 웹앱: 적용 (Portfolio)- 2강

[AI] 바이브코딩으로 만드는 AI 웹앱: 적용 (Portfolio)- 3강

[AI] 바이브코딩으로 만드는 AI 웹앱: 적용 (Portfolio)- 4강

03
[AI] AI 어시스턴트 & 업무 자동화 실습

[AI] AI 어시스턴트 & 업무 자동화 실습: (기초) Foundation- 1강

[AI] AI 어시스턴트 & 업무 자동화 실습: (기초) Foundation- 2강

[AI] AI 어시스턴트 & 업무 자동화 실습: (기초) Foundation- 3강

[AI] AI 어시스턴트 & 업무 자동화 실습: (기초) Foundation- 4강

[AI] AI 어시스턴트 & 업무 자동화 실습: (기초) Foundation- 5강

[AI] AI 어시스턴트 & 업무 자동화 실습: (기초) Foundation- 6강

[AI] AI 어시스턴트 & 업무 자동화 실습: (실습) Practitioner- 1강

[AI] AI 어시스턴트 & 업무 자동화 실습: (실습) Practitioner- 2강

[AI] AI 어시스턴트 & 업무 자동화 실습: (실습) Practitioner- 3강

[AI] AI 어시스턴트 & 업무 자동화 실습: (실습) Practitioner- 4강

[AI] AI 어시스턴트 & 업무 자동화 실습: (실습) Practitioner- 5강

[AI] AI 어시스턴트 & 업무 자동화 실습: (실습) Practitioner- 6강

[AI] AI 어시스턴트 & 업무 자동화 실습: (실습) Practitioner- 7강

[AI] AI 어시스턴트 & 업무 자동화 실습: (실습) Practitioner- 8강

[AI] AI 어시스턴트 & 업무 자동화 실습: (고도화) Applied- 1강

[AI] AI 어시스턴트 & 업무 자동화 실습: (고도화) Applied- 2강

[AI] AI 어시스턴트 & 업무 자동화 실습: (고도화) Applied- 3강

[AI] AI 어시스턴트 & 업무 자동화 실습: (고도화) Applied- 4강

[AI] AI 어시스턴트 & 업무 자동화 실습: (고도화) Applied- 5강

[AI] AI 어시스턴트 & 업무 자동화 실습: (고도화) Applied- 6강

04
[AI] 비전공자를 위한 AI 기본기

[AI] 비전공자를 위한 AI 기본기: AI 윤리- 1강

[AI] 비전공자를 위한 AI 기본기: AI 윤리- 2강

[AI] 비전공자를 위한 AI 기본기: AI 윤리- 3강

[AI] 비전공자를 위한 AI 기본기: AI 윤리- 4강

[AI] 비전공자를 위한 AI 기본기: AI 윤리- 5강

[AI] 비전공자를 위한 AI 기본기 챕터: AI 기초 수리 - 1부- 1강

[AI] 비전공자를 위한 AI 기본기 챕터: AI 기초 수리 - 1부- 2강

[AI] 비전공자를 위한 AI 기본기 챕터: AI 기초 수리 - 1부- 3강

[AI] 비전공자를 위한 AI 기본기 챕터: AI 기초 수리 - 1부- 4강

[AI] 비전공자를 위한 AI 기본기 챕터: AI 기초 수리 - 1부- 5강

[AI] 비전공자를 위한 AI 기본기 챕터: AI 기초 수리 - 2부- 1강

[AI] 비전공자를 위한 AI 기본기 챕터: AI 기초 수리 - 2부- 2강

[AI] 비전공자를 위한 AI 기본기 챕터: AI 기초 수리 - 2부- 3강

[AI] 비전공자를 위한 AI 기본기 챕터: AI 기초 수리 - 2부- 4강

[AI] 비전공자를 위한 AI 기본기 챕터: AI 기초 수리 - 2부- 5강

[AI] 비전공자를 위한 AI 기본기 챕터: AI 기초 수리 - 3부- 1강

[AI] 비전공자를 위한 AI 기본기 챕터: AI 기초 수리 - 3부- 2강

[AI] 비전공자를 위한 AI 기본기 챕터: AI 기초 수리 - 3부- 3강

[AI] 비전공자를 위한 AI 기본기 챕터: AI 기초 수리 - 3부- 4강

[AI] 비전공자를 위한 AI 기본기 챕터: AI 기초 수리 - 3부- 5강

05
[프론트엔드] 시선을 사로잡는 웹 - 초급

[프론트엔드] 시선을 사로잡는 웹 - 초급: HTML+CSS의 기본- 1강

[프론트엔드] 시선을 사로잡는 웹 - 초급: HTML+CSS의 기본-2강

[프론트엔드] 시선을 사로잡는 웹 - 초급: HTML+CSS의 기본- 3강

[프론트엔드] 시선을 사로잡는 웹 - 초급: HTML+CSS의 기본- 4강

[프론트엔드] 시선을 사로잡는 웹 - 초급: 블럭과 인라인 세상 들여다보기- 1강

[프론트엔드] 시선을 사로잡는 웹 - 초급: 블럭과 인라인 세상 들여다보기- 2강

[프론트엔드] 시선을 사로잡는 웹 - 초급: 블럭과 인라인 세상 들여다보기- 3강

[프론트엔드] 시선을 사로잡는 웹 - 초급: 블럭과 인라인 세상 들여다보기- 4강

[프론트엔드] 시선을 사로잡는 웹 - 초급: 클래스 선택자로 좀 더 복잡한 페이지 만들기- 1강

[프론트엔드] 시선을 사로잡는 웹 - 초급: 클래스 선택자로 좀 더 복잡한 페이지 만들기- 2강

[프론트엔드] 시선을 사로잡는 웹 - 초급: 클래스 선택자로 좀 더 복잡한 페이지 만들기- 3강

[프론트엔드] 시선을 사로잡는 웹 - 초급: 클래스 선택자로 좀 더 복잡한 페이지 만들기- 4강

[프론트엔드] 시선을 사로잡는 웹 - 초급: CSS 타이포그래피 기초- 1강

[프론트엔드] 시선을 사로잡는 웹 - 초급: CSS 타이포그래피 기초- 2강

[프론트엔드] 시선을 사로잡는 웹 - 초급: CSS 타이포그래피 기초- 3강

[프론트엔드] 시선을 사로잡는 웹 - 초급: CSS 타이포그래피 기초- 4강

[프론트엔드] 시선을 사로잡는 웹 - 초급: CSS 타이포그래피 기초- 5강

[프론트엔드] 시선을 사로잡는 웹 - 초급: Float 속성으로 가로배치하기- 1강

[프론트엔드] 시선을 사로잡는 웹 - 초급: Float 속성으로 가로배치하기- 2강

[프론트엔드] 시선을 사로잡는 웹 - 초급: Float 속성으로 가로배치하기- 3강

[프론트엔드] 시선을 사로잡는 웹 - 초급: Float 속성으로 가로배치하기- 4강

[프론트엔드] 시선을 사로잡는 웹 - 초급: Float 속성으로 가로배치하기- 5강

[프론트엔드] 시선을 사로잡는 웹 - 초급: Float 속성으로 가로배치하기- 6강

[프론트엔드] 시선을 사로잡는 웹 - 초급: Float 속성으로 가로배치하기- 7강

[프론트엔드] 시선을 사로잡는 웹 - 초급: Float 속성으로 가로배치하기- 8강

[프론트엔드] 시선을 사로잡는 웹 - 초급: Float 속성으로 가로배치하기- 9강

[프론트엔드] 시선을 사로잡는 웹 - 초급: Position 속성 입문하기- 1강

[프론트엔드] 시선을 사로잡는 웹 - 초급: Position 속성 입문하기- 2강

[프론트엔드] 시선을 사로잡는 웹 - 초급: Position 속성 입문하기- 3강

[프론트엔드] 시선을 사로잡는 웹 - 초급: Position 속성 입문하기- 4강

[프론트엔드] 시선을 사로잡는 웹 - 초급: Position 속성 입문하기- 5강

[프론트엔드] 시선을 사로잡는 웹 - 초급: Position 속성 좀 더 다뤄보기- 1강

[프론트엔드] 시선을 사로잡는 웹 - 초급: Position 속성 좀 더 다뤄보기- 2강

[프론트엔드] 시선을 사로잡는 웹 - 초급: Position 속성 좀 더 다뤄보기- 3강

[프론트엔드] 시선을 사로잡는 웹 - 초급: Position 속성 좀 더 다뤄보기- 4강

06
[프론트엔드] 시선을 사로잡는 웹 - 중급

[프론트엔드] 시선을 사로잡는 웹 - 중급: auto와 %, Negative Margins - 1강

[프론트엔드] 시선을 사로잡는 웹 - 중급: auto와 %, Negative Margins - 2강

[프론트엔드] 시선을 사로잡는 웹 - 중급: auto와 %, Negative Margins - 3강

[프론트엔드] 시선을 사로잡는 웹 - 중급: auto와 %, Negative Margins - 4강

[프론트엔드] 시선을 사로잡는 웹 - 중급: auto와 %, Negative Margins - 5강

[프론트엔드] 시선을 사로잡는 웹 - 중급: 반응형 사이드바 레이아웃 - 1강

[프론트엔드] 시선을 사로잡는 웹 - 중급: 반응형 사이드바 레이아웃 - 2강

[프론트엔드] 시선을 사로잡는 웹 - 중급: 반응형 사이드바 레이아웃 - 3강

[프론트엔드] 시선을 사로잡는 웹 - 중급: 반응형 사이드바 레이아웃 - 4강

[프론트엔드] 시선을 사로잡는 웹 - 중급: 반응형 사이드바 레이아웃 - 5강

[프론트엔드] 시선을 사로잡는 웹 - 중급: float 기반의 그리드 시스템1 - 1강

[프론트엔드] 시선을 사로잡는 웹 - 중급: float 기반의 그리드 시스템1 - 2강

[프론트엔드] 시선을 사로잡는 웹 - 중급: float 기반의 그리드 시스템1 - 3강

[프론트엔드] 시선을 사로잡는 웹 - 중급: float 기반의 그리드 시스템1 - 4강

[프론트엔드] 시선을 사로잡는 웹 - 중급: float 기반의 그리드 시스템1 - 5강

[프론트엔드] 시선을 사로잡는 웹 - 중급: float 기반의 그리드 시스템1 - 6강

[프론트엔드] 시선을 사로잡는 웹 - 중급: float 기반의 그리드 시스템2 - 1강

[프론트엔드] 시선을 사로잡는 웹 - 중급: float 기반의 그리드 시스템2 - 2강

[프론트엔드] 시선을 사로잡는 웹 - 중급: float 기반의 그리드 시스템2 - 3강

[프론트엔드] 시선을 사로잡는 웹 - 중급: float 기반의 그리드 시스템2 - 4강

[프론트엔드] 시선을 사로잡는 웹 - 중급: float 기반의 그리드 시스템2 - 5강

[프론트엔드] 시선을 사로잡는 웹 - 중급: 모바일 우선 반응형 작업 - 1강

[프론트엔드] 시선을 사로잡는 웹 - 중급: 모바일 우선 반응형 작업 - 2강

[프론트엔드] 시선을 사로잡는 웹 - 중급: 모바일 우선 반응형 작업 - 3강

[프론트엔드] 시선을 사로잡는 웹 - 중급: 모바일 우선 반응형 작업 - 4강

[프론트엔드] 시선을 사로잡는 웹 - 중급: 모바일 우선 반응형 작업 - 5강

[프론트엔드] 시선을 사로잡는 웹 - 중급: 실전 예제 작업1 - 1강

[프론트엔드] 시선을 사로잡는 웹 - 중급: 실전 예제 작업1 - 2강

[프론트엔드] 시선을 사로잡는 웹 - 중급: 실전 예제 작업1 - 3강

[프론트엔드] 시선을 사로잡는 웹 - 중급: 실전 예제 작업1 - 4강

[프론트엔드] 시선을 사로잡는 웹 - 중급: 실전 예제 작업1 - 5강

[프론트엔드] 시선을 사로잡는 웹 - 중급: 실전 예제 작업2 - 1강

[프론트엔드] 시선을 사로잡는 웹 - 중급: 실전 예제 작업2 - 2강

[프론트엔드] 시선을 사로잡는 웹 - 중급: 실전 예제 작업2 - 3강

[프론트엔드] 시선을 사로잡는 웹 - 중급: 실전 예제 작업2 - 4강

[프론트엔드] 시선을 사로잡는 웹 - 중급: 실전 예제 작업2 - 5강

[프론트엔드] 시선을 사로잡는 웹 - 중급: Outro - 1강

[프론트엔드] 시선을 사로잡는 웹 - 중급: Outro - 2강

[프론트엔드] 시선을 사로잡는 웹 - 중급: Outro - 3강

[프론트엔드] 시선을 사로잡는 웹 - 중급: Outro - 4강

[프론트엔드] 시선을 사로잡는 웹 - 중급: Outro - 5강

07
[프론트엔드] 따라하며 배우는 HTML, CSS

[프론트엔드] 따라하며 배우는 HTML, CSS

08
[프론트엔드] 따라하며 배우는 자바스크립트 A-Z

[프론트엔드] 따라하며 배우는 자바스크립트 A-Z

09
[프론트엔드] 팀 개발을 위한 Git, Github 입문

[프론트엔드] 팀 개발을 위한 Git, Github 입문

10
[프론트엔드] 따라하며 배우는 타입스크립트 A-Z

[프론트엔드] 따라하며 배우는 타입스크립트 A-Z

11
[프론트엔드] 따라하며 배우는 리액트 A-Z

[프론트엔드] 따라하며 배우는 리액트 A-Z

12
[프론트엔드] 따라하며 배우는 도커와 CI환경

[프론트엔드] 따라하며 배우는 도커와 CI환경

13
[프론트엔드] 따라하며 배우는 노드, 리액트 시리즈 - 기본

[프론트엔드] 따라하며 배우는 노드, 리액트 시리즈 - 기본

14
[프론트엔드] UI/UX - Figma

[프론트엔드] UI/UX - Figma: 피그마 시작하기- 1강

[프론트엔드] UI/UX - Figma: 피그마 구조 살펴보기- 1강

[프론트엔드] UI/UX - Figma: 피그마 인터페이스 이해하기- 1강

[프론트엔드] UI/UX - Figma: 피그마 인터페이스 이해하기- 2강

[프론트엔드] UI/UX - Figma: 프레임, 그룹, 섹션- 1강

[프론트엔드] UI/UX - Figma: 핵심 도구- 1강

[프론트엔드] UI/UX - Figma: 핵심 도구- 2강

[프론트엔드] UI/UX - Figma: 컨스트레인트- 1강

[프론트엔드] UI/UX - Figma: 컨스트레인트- 2강

[프론트엔드] UI/UX - Figma: 오토레이아웃 기본- 1강

[프론트엔드] UI/UX - Figma: 오토레이아웃 기본- 2강

[프론트엔드] UI/UX - Figma: 오토레이아웃 심화- 1강

[프론트엔드] UI/UX - Figma: 오토레이아웃 심화- 2강

[프론트엔드] UI/UX - Figma: 오토레이아웃 심화- 3강

[프론트엔드] UI/UX - Figma: 오토레이아웃 심화- 4강

[프론트엔드] UI/UX - Figma: 오토레이아웃 심화- 5강

[프론트엔드] UI/UX - Figma: 컴포넌트- 1강

[프론트엔드] UI/UX - Figma: 컴포넌트- 2강

[프론트엔드] UI/UX - Figma: 프로토타이핑- 1강

[프론트엔드] UI/UX - Figma: 프로토타이핑- 2강

[프론트엔드] UI/UX - Figma: 프로토타이핑- 3강

[프론트엔드] UI/UX - Figma: 프로토타이핑- 4강

[프론트엔드] UI/UX - Figma: 커뮤니티- 1강

[프론트엔드] UI/UX - Figma: 데브모드- 1강

[프론트엔드] UI/UX - Figma: 데브모드- 2강

15
[백엔드] 따라하며 배우는 TDD 개발

[백엔드] 따라하며 배우는 TDD 개발

16
[백엔드] 따라하며 배우는 리액트 테스트

[백엔드] 따라하며 배우는 리액트 테스트

17
[백엔드] 따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기

[백엔드] 따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기

18
[백엔드] 따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기

[백엔드] 따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기

19
[백엔드] Next + React Query로 SNS 서비스 만들기

[백엔드] Next + React Query로 SNS 서비스 만들기

20
[실무·커리어] AI 코딩 에이전트, 더 똑똑하게 쓰기
1개 (56:52)

[실무·커리어] AI 코딩 에이전트, 더 똑똑하게 쓰기