서울특별시 기술교육원 동부캠퍼스

■ ChatGPT로 정보구조와 섹션 초안을 마련하고 Framer AI로 페이지 프레임을 자동 생성해 반응형 웹을 빠르게 구축하는 능력을 강화하고 컴포넌트 설계·
상호작용·접근성까지 한 흐름으로 점검해 실무 적용 가능 수준의 결과물을 만드는 것을 목표로 함

구분	교과목명	능력단위명	교육시간
NCS 전공교과	노코딩 홈페이지 완성	0802010419_16v3 구현 응용	8
비NCS 교과	생성형AI 활용 웹사이트 구축	생성형AI를 활용한 웹사이트 기획과 콘텐츠 초안 작성	3
	생성형AI 활용 웹사이트 구축	Framer와 생성형AI의 결합을 통한 프로토타입 제작	5

일자	교육내용	세부내용
1일차	생성형AI 활용 웹사이트 구축	생성형AI를 활용한 웹사이트 기획과 콘텐츠 초안 작성 / Framer와 생성형AI의 결합을 통한 프로토타입 제작
2일차	노코딩 홈페이지 완성	콘텐츠 구상하기 / 기능 요소 활용하기 / 개발 요소 협업하기

일자

교육내용

세부내용

1일차

생성형AI 활용 웹사이트 구축

생성형AI를 활용한 웹사이트 기획과 콘텐츠 초안 작성 /

Framer와 생성형AI의 결합을 통한 프로토타입 제작

2일차

노코딩 홈페이지 완성

콘텐츠 구상하기 / 기능 요소 활용하기 / 개발 요소 협업하기