실무 중심 학습
현업에서 바로 활용할 수 있는 실전 기술을 배웁니다.
무엇을 배우나요?
웹 개발을 처음 시작하는 분도 AI의 도움을 받아 나만의 웹사이트를 직접 완성할 수 있습니다.
- AI와 함께 웹사이트 기획/구현
- HTML, CSS, JavaScript 핵심 이해
- 실무형 결과물 제작과 배포
상세 커리큘럼
📚 상세 커리큘럼
40
챕터
120
강의
0
분
1강
1. Gemini AI 소개 및 API 설정
Jetpack Compose 개요와 특징
Gemini AI를 활용한 학습 방법
개발 환경 세팅(Android Studio, SDK, Emulator)
2강
2. Jetpack Compose 기본 개념
Compose 철학과 선언형 UI 이해
Composable 함수와 @Composable 키워드
Preview 기능과 실시간 UI 확인
3강
3. 기본 UI 컴포넌트
Text, Button, Image 다루기
Row, Column, Box 레이아웃
Modifier와 속성(크기, 색상, 배치)
4강
4. 상태 관리와 상호작용
State와 remember 기본
입력 처리: TextField, Checkbox, Switch
사용자 이벤트와 클릭 처리
5강
5. 고급 UI 구성
LazyColumn, LazyRow 리스트
Card, Surface, Material3 컴포넌트
ConstraintLayout & Scaffold 구조 이해
6강
6. 네비게이션과 화면 전환
Compose Navigation 기초
다중 화면 전환 및 파라미터 전달
BottomNavigation, TabRow 적용
7강
7. 애니메이션 & 제스처
기본 애니메이션 API
Transition & AnimatedVisibility
제스처(Drag, Swipe) 활용하기
8강
8. 실전 예제 프로젝트
Todo 앱 만들기 (입력, 삭제, 완료 표시)
날씨 앱 만들기 (API 연동 + UI 표현)
Gemini AI로 코드 자동 생성 및 개선
9강
9. Compose와 Gemini의 시너지
Gemini에게 UI 코드 요청하기
리팩토링 및 최적화 조언 받기
AI를 통한 디자인 → 코드 자동화 흐름
10강
10. 배포와 마무리
앱 빌드 및 테스트 방법
구글 플레이 배포 준비
강의 요약 및 추가 학습 가이드
11강
1. Gemini AI 소개 및 API 설정
Jetpack Compose 개요와 특징
Gemini AI를 활용한 학습 방법
개발 환경 세팅(Android Studio, SDK, Emulator)
12강
2. Jetpack Compose 기본 개념
Compose 철학과 선언형 UI 이해
Composable 함수와 @Composable 키워드
Preview 기능과 실시간 UI 확인
13강
3. 기본 UI 컴포넌트
Text, Button, Image 다루기
Row, Column, Box 레이아웃
Modifier와 속성(크기, 색상, 배치)
14강
4. 상태 관리와 상호작용
State와 remember 기본
입력 처리: TextField, Checkbox, Switch
사용자 이벤트와 클릭 처리
15강
5. 고급 UI 구성
LazyColumn, LazyRow 리스트
Card, Surface, Material3 컴포넌트
ConstraintLayout & Scaffold 구조 이해
16강
6. 네비게이션과 화면 전환
Compose Navigation 기초
다중 화면 전환 및 파라미터 전달
BottomNavigation, TabRow 적용
17강
7. 애니메이션 & 제스처
기본 애니메이션 API
Transition & AnimatedVisibility
제스처(Drag, Swipe) 활용하기
18강
8. 실전 예제 프로젝트
Todo 앱 만들기 (입력, 삭제, 완료 표시)
날씨 앱 만들기 (API 연동 + UI 표현)
Gemini AI로 코드 자동 생성 및 개선
19강
9. Compose와 Gemini의 시너지
Gemini에게 UI 코드 요청하기
리팩토링 및 최적화 조언 받기
AI를 통한 디자인 → 코드 자동화 흐름
20강
10. 배포와 마무리
앱 빌드 및 테스트 방법
구글 플레이 배포 준비
강의 요약 및 추가 학습 가이드
21강
1. Gemini AI 소개 및 API 설정
Jetpack Compose 개요와 특징
Gemini AI를 활용한 학습 방법
개발 환경 세팅(Android Studio, SDK, Emulator)
22강
2. Jetpack Compose 기본 개념
Compose 철학과 선언형 UI 이해
Composable 함수와 @Composable 키워드
Preview 기능과 실시간 UI 확인
23강
3. 기본 UI 컴포넌트
Text, Button, Image 다루기
Row, Column, Box 레이아웃
Modifier와 속성(크기, 색상, 배치)
24강
4. 상태 관리와 상호작용
State와 remember 기본
입력 처리: TextField, Checkbox, Switch
사용자 이벤트와 클릭 처리
25강
5. 고급 UI 구성
LazyColumn, LazyRow 리스트
Card, Surface, Material3 컴포넌트
ConstraintLayout & Scaffold 구조 이해
26강
6. 네비게이션과 화면 전환
Compose Navigation 기초
다중 화면 전환 및 파라미터 전달
BottomNavigation, TabRow 적용
27강
7. 애니메이션 & 제스처
기본 애니메이션 API
Transition & AnimatedVisibility
제스처(Drag, Swipe) 활용하기
28강
8. 실전 예제 프로젝트
Todo 앱 만들기 (입력, 삭제, 완료 표시)
날씨 앱 만들기 (API 연동 + UI 표현)
Gemini AI로 코드 자동 생성 및 개선
29강
9. Compose와 Gemini의 시너지
Gemini에게 UI 코드 요청하기
리팩토링 및 최적화 조언 받기
AI를 통한 디자인 → 코드 자동화 흐름
30강
10. 배포와 마무리
앱 빌드 및 테스트 방법
구글 플레이 배포 준비
강의 요약 및 추가 학습 가이드
31강
1. Gemini AI 소개 및 API 설정
Jetpack Compose 개요와 특징
Gemini AI를 활용한 학습 방법
개발 환경 세팅(Android Studio, SDK, Emulator)
32강
2. Jetpack Compose 기본 개념
Compose 철학과 선언형 UI 이해
Composable 함수와 @Composable 키워드
Preview 기능과 실시간 UI 확인
33강
3. 기본 UI 컴포넌트
Text, Button, Image 다루기
Row, Column, Box 레이아웃
Modifier와 속성(크기, 색상, 배치)
34강
4. 상태 관리와 상호작용
State와 remember 기본
입력 처리: TextField, Checkbox, Switch
사용자 이벤트와 클릭 처리
35강
5. 고급 UI 구성
LazyColumn, LazyRow 리스트
Card, Surface, Material3 컴포넌트
ConstraintLayout & Scaffold 구조 이해
36강
6. 네비게이션과 화면 전환
Compose Navigation 기초
다중 화면 전환 및 파라미터 전달
BottomNavigation, TabRow 적용
37강
7. 애니메이션 & 제스처
기본 애니메이션 API
Transition & AnimatedVisibility
제스처(Drag, Swipe) 활용하기
38강
8. 실전 예제 프로젝트
Todo 앱 만들기 (입력, 삭제, 완료 표시)
날씨 앱 만들기 (API 연동 + UI 표현)
Gemini AI로 코드 자동 생성 및 개선
39강
9. Compose와 Gemini의 시너지
Gemini에게 UI 코드 요청하기
리팩토링 및 최적화 조언 받기
AI를 통한 디자인 → 코드 자동화 흐름
40강
10. 배포와 마무리
앱 빌드 및 테스트 방법
구글 플레이 배포 준비
강의 요약 및 추가 학습 가이드