실무 중심 학습
현업에서 바로 활용할 수 있는 실전 기술을 배웁니다.
무엇을 배우나요?
웹 개발을 처음 시작하는 분도 AI의 도움을 받아 나만의 웹사이트를 직접 완성할 수 있습니다.
- AI와 함께 웹사이트 기획/구현
- HTML, CSS, JavaScript 핵심 이해
- 실무형 결과물 제작과 배포
상세 커리큘럼
📚 상세 커리큘럼
16
챕터
62
강의
0
분
1강
Chapter 1. 강의 소개와 결과물 미리보기
1-1. 이 강의에서 만드는 앱 소개
1-2. Flutter 앱 개발 흐름 이해하기
2강
Chapter 2. 개발 환경 준비하기
2-1. Flutter 개발 환경 준비하기
2-2. Cursor AI에서 Flutter 프로젝트 열기
2-3. 첫 Flutter 앱 실행하기
3강
Chapter 3. Flutter 기본 화면 구조 익히기
3-1. MaterialApp과 Scaffold 이해하기
3-2. Text와 Button으로 첫 화면 만들기
3-3. Row와 Column으로 레이아웃 배치하기
3-4. 미니 예제: 버튼을 누르면 문구가 바뀌는 앱
4강
Chapter 4. MyDay 홈 화면 만들기
4-1. Cursor AI에게 홈 화면 생성 요청하기
4-2. 홈 화면 UI 다듬기
4-3. 빈 기록 상태 화면 만들기
5강
Chapter 5. 상태 관리 기초 배우기
5-1. StatefulWidget 이해하기
5-2. setState로 값 변경하기
5-3. 미니 예제: 오늘의 기분 선택하기
5-4. MyDay에 상태 적용하기
6강
Chapter 6. 기록 작성 화면 만들기
6-1. 화면 이동 구조 만들기
6-2. TextField로 제목과 메모 입력받기
6-3. Form과 입력 검증 추가하기
6-4. MyDay 기록 작성 화면 완성하기
7강
Chapter 7. 데이터 모델 만들기
7-1. 앱 데이터 구조 이해하기
7-2. DayRecord 모델 만들기
7-3. JSON 변환 구조 준비하기
7-4. MyDay 기록 데이터를 리스트로 관리하기
8강
Chapter 8. 기록 목록과 카드 UI 만들기
8-1. ListView로 기록 목록 보여주기
8-2. Card와 ListTile로 기록 카드 만들기
8-3. 날짜별 기록 필터링하기
8-4. MyDay 최근 기록 목록 만들기
9강
Chapter 9. 캘린더 화면 만들기
9-1. Flutter에서 날짜 다루기
9-2. 캘린더 패키지 추가하기
9-3. 캘린더 UI 표시하기
9-4. 날짜를 선택하면 기록이 바뀌게 만들기
9-5. 기록이 있는 날짜 표시하기
10강
Chapter 10. 사진 첨부 기능 만들기
10-1. Image Picker 기능 이해하기
10-2. image_picker 패키지 추가하기
10-3. 사진 선택하고 화면에 표시하기
10-4. MyDay 기록에 사진 연결하기
10-5. 사진이 있는 기록 카드 만들기
11강
Chapter 11. 기록 상세 화면과 수정/삭제 기능
11-1. 기록 상세 화면 만들기
11-2. 기록 삭제 기능 만들기
11-3. 기록 수정 화면 만들기
11-4. MyDay 기록 관리 기능 완성하기
12강
Chapter 12. 로컬 저장 기능 추가하기
12-1. 앱 데이터 저장 방식 이해하기
12-2. SharedPreferences 사용하기
12-3. DayRecord 리스트를 JSON으로 저장하기
12-4. MyDay 기록 저장 기능 완성하기
13강
Chapter 13. UI/UX 개선하기
13-1. 앱 테마 정리하기
13-2. 감정 선택 기능 추가하기
13-3. 감정별 아이콘과 색상 표시하기
13-4. 빈 화면과 오류 메시지 다듬기
14강
Chapter 14. Cursor AI로 오류 수정하고 코드 정리하기
14-1. 자주 발생하는 Flutter 오류 확인하기
14-2. 오류 메시지를 Cursor AI에게 전달하는 방법
14-3. main.dart 코드 분리하기
14-4. 리팩토링 프롬프트 작성하기
15강
Chapter 15. 최종 앱 완성하기
15-1. MyDay 전체 기능 점검하기
15-2. 최종 테스트하기
15-3. APK 빌드 맛보기
15-4. 다음 단계 안내
16강
보너스 챕터 후보
Bonus 1. 동영상 첨부 기능 추가하기
Bonus 2. 검색 기능 추가하기
Bonus 3. 태그 기능 추가하기
Bonus 4. AI 요약 기능 아이디어