건전한 게시판 운영을 위해 개인정보 유출, 명예훼손, 욕설 및 도배, 광고, 기타 법령에 위배되는 게시물은 정보통신망 이용촉진 및 정보보호 등에 관한 법률 · 규정에 따라 삭제하거나 해당 게시물 작성자의 게시판 이용을 제한 · 정지할 수 있으며, 정보공개 관련 법률 · 규정에 따라 작성자 정보를 공개 할 수 있습니다
또한 주민등록번호가 포함된 첨부파일이나 게시물을 등록할 수 없습니다.
-
[일반] [공학교육혁신센터] 생성형AI 활용한 Web App 개발 교육 참가자 모집(~1/28) New
조회수 2028 | 작성일 2026.01.16 | 수정일 2026.01.27 | 공학교육혁신센터
-
[세부교육내용]
학습주제
차시
학습내용
[수업환경] ChatGPT, FigmaAI. CursorAI, GitHub, Vercel, Supabase
AI-in-the-Loop
Flow의 이해
1차시
Web App 개발 Work Flow의 이해.
생성형 AI 트렌드와 각 개발 Flow에서의 활용.
2차시
FrontEnd
언어의 이해
3차시
FrontEnd 기본 개념- HTML/CSS/JavaScript
FrontEnd JavaScript를 활용한 React
FrontEnd React 와 UI/UX Component의 이해
4차시
5차시
6차시
3. AI를 활용한
Plan &
FrontEnd 구현
7차시
AI(ChatGPT)를 활용하여 WebApp 요건 정의
Figma AI를 활용한 UI/UX 설계
Figma AI에서 생성된 React UI Code의 이해
Cursor AI란 무엇인가?
Cursor AI에서 FrontEnd Source Code 설정
Cursor에서 FrontEnd Server 환경 구축
8차시
9차시
10차시
11차시
12차시
13차시
Cursor Rules For AI – AI Coding 활용 실습 및 Context Engineering 기법의 이해.
FrontEnd local Server Test 및 실습
14차시
15차시
4. AI를 활용한
BackEnd 구현
16차시
BackEnd 개발을 위한 JavaScript의 이해
BackEnd JavaScript의 확장 – Next.js 의 이해
17차시
18차시
19차시
GitHub 사용법의 이해 및 레파지토리 생성.
GitHub 소스 형상 관리 실습. –Commit,Push,Pull
Cursor AI + ChatGPT를 활용한 App BackEnd 구현
20차시
21차시
22차시
23차시
24차시
4. AI를 활용한
Cloud Database
Server 구축
25차시
DataBase Modeling의 이해
Web App에서 DataBase – REST API
Cloud DB 환경구축 – Supabase & Cursor AI.
Cloud DB 와 Web App 연동
26차시
27차시
28차시
5. AI를 활용한
WebApp 배포
29차시
AI를 활용한 Cloud Server Deployment – Vercel
7. 최종 Web App 및
AI Application
개발의 최신 트렌드
30차시
최종 Web App Demo Link
Web App Review.
AI Application Engineering에 대한 트렌드.
AI 와 개발자 포지션 전략.
*참빛포인트 지급되지 않음
* 1월 28일까지 모집, 29일에 개별 연락으로 참가 여부 재확인하니 전화를 꼭 받아주시기 바랍니다.