실내건축디자인학과

상상공작소 동아리는 생성형 AI와 바이브코딩을 활용한 웹앱 제작 및 배포 실습을 주제로 이틀간 활동을 진행하였다.

1일차에는 생성형 AI와 바이브코딩의 기초 개념을 이해하고, AI Studio를 활용하여 간단한 웹앱 프로토타입을 제작하였다. HTML, CSS, JavaScript의 기본 구조를 학습한 후 웹페이지의 구성 요소를 직접 작성하고, AI Studio를 활용하여 필요한 기능을 생성하고 수정하며 웹앱 제작 과정을 경험하였다. 또한 제작한 웹앱의 기능을 직접 테스트하고 화면을 수정하면서 결과물을 개선하였으며, API 키 보안과 웹앱 배포를 위한 기본적인 준비 과정에 대해서도 학습하였다.

2일차에는 1일차에 제작한 웹앱을 바탕으로 GitHub와 Cloudflare Pages를 활용한 웹앱 배포 실습을 진행하였다. 제작한 결과물을 실제 공개 URL과 연결하고, PC와 모바일 환경에서 웹앱이 정상적으로 작동하는지 확인하며 결과물을 점검하였다. 또한 Plugin과 MCP를 활용하여 웹앱의 오류를 확인하고 수정하는 과정을 실습하였으며, AI Studio의 다양한 추가 기능과 Android 앱 생성 기능에 대해서도 알아보았다.

이번 활동을 통해 상상공작소 동아리원들은 생성형 AI를 단순히 활용하는 것을 넘어 아이디어 구상부터 웹앱 제작, 기능 수정, 오류 해결, 실제 배포까지 이어지는 전 과정을 직접 경험하였다. 이를 통해 AI 기술과 코딩을 결합하여 자신의 아이디어를 실제 결과물로 구현할 수 있는 가능성을 탐색하고, 디지털 기술을 활용한 창의적인 문제 해결 역량을 높이는 시간을 가졌다.