API를 활용한 웹앱 만들기
1.강좌 소개
- ChatGPT와 같은 생성형 AI에게 코딩을 요청하고 얻을 수 있는 코드 조각을 조합함으로써 실제 자신에게 필요한 웹앱을 만들어나갈 수 있습니다.
- 웹앱을 만들기 위해 필요한 기초적인 HTML, CSS, JavaScript 언어를 이해하고 AI를 활용하여 빠르고 쉽게 맞춤형 수업 도구를 개발하는 방법을 안내합니다.
- 전문적인 디자인과 프로그래밍 지식 없이도 이미 만들어진 멋진 디자인과 프로그램 라이브러리를 재사용할 수 있고 공개된 빅데이터 API를 이용하여 자신만의 유용한 웹앱을 만들 수 있게 됩니다.
○ 이 모든 과정은 AI가 안내를 해줄 것이고 AI가 제공해주는 코드를 사용하는 방법만 알면 누구나 쉽게 나만의 앱을 만들고 배포할 수 있습니다.
- AI에게 여러분의 아이디어를 이해시키고 상호 작용하는 방식을 배우면서, 단 몇 분 내에 자신이 원하는 웹앱을 완성할 수 있습니다.
- 교실에서 바로 활용 가능한 맞춤형 수업 도구를 선생님들이 직접 만들어 사용할 수 있습니다.
2.강좌 목표
강좌를 통해 학습자가 도달할 것으로 기대되는 인지적, 행동적, 정의적 측면의 구체적인 목표는 다음과 같습니다.
1. 인지적 측면:
- AI이해와 활용능력 향상: 학습자는 AI와 웹 개발에 대한 기본 개념을 이해하고, AI가 웹앱 개발을 어떻게 지원하는지 학습합니다.
- 창의적 사고 강화: 학습자는 AI와 협력하여 복잡한 기능을 가진 웹앱을 개발하는 과정을 통해 창의적 사고를 발전시킵니다.
- 문제 해결 능력 향상: 학습자는 웹앱 개발 과정 중 발생하는 문제를 AI와 함께 해결하며 실제 문제 해결 능력을 향상시킵니다.
2. 행동적 측면:
- 웹앱 개발 능력 확보: 학습자는 AI와의 협력을 통해 웹앱을 개발하고 자신만의 아이디어를 현실로 구현할 수 있는 능력을 획득합니다.
- AI 활용 습득: 학습자는 AI와의 상호작용을 통해 실제 웹앱 개발에 AI를 활용하는 방법을 습득합니다.
빅데이터 API 활용: 학습자는 공개된 빅데이터 API를 활용하여 웹앱에 유용한 기능을 추가하는 경험을 쌓습니다.
3. 정의적 측면:
- 자신감 향상: 학습자는 AI의 지원을 받아 웹앱을 개발하고 공유하는 과정을 통해 자신감을 향상시키며 새로운 도전에 대한 두려움을 극복합니다.
- 혁신적 교육 활용: 학습자는 AI와 웹앱을 활용하여 학생들에게 혁신적인 교육 경험을 제공하는 방법을 이해하고 실제로 적용할 수 있습니다.
- 교육 현장에서 창조적 영향: 학습자는 AI와 웹앱을 활용하여 교육 현장에서 혁신적인 영향을 미치는 능력을 발전시킵니다.
이 강좌를 통해 학습자들은 AI와 웹앱 개발을 활용하여 인지적, 행동적, 정의적 측면에서 다양한 목표를 달성하며 현대 교육에 혁신을 가져올 수 있는 능력을 배양할 것으로 기대됩니다.
학습 목차
| 차시 | 차시명 | 차시 내용 |
|---|---|---|
| 1 ~ 2 차시 (2024-01-15 20:00 ~ 2024-01-15 21:50) | AI로 코딩하는 방법 | <1차시> - 웹프로그래밍의 이해 - 생성형 AI 활용방법 - AI로 웹앱 코드 생성 - AI생성 결과물 활용법 <2차시> - 온라인 개발도구 활용법 - HTML / MD 언어의 이해 - HTML 기본태그 실습 |
| 3 ~ 5 차시 (2024-01-16 19:00 ~ 2024-01-16 21:50) | API를 활용한 프로그래밍 | <3차시> - CSS 기본 문법 - CSS 작성 실습 <4차시> - Javascript 기본 문법 - Javascript 실습 <5차시> - API 사용방법 이해 - API를 이용한 웹앱 만들기 실습 |
지식샘
-
김명석
안산해양중학교
.png)
