랩 썸네일
LAB
Creative Vibe Coding LAB
1월 19일 - 4월 13일
19:30 - 21:30
WEEKLYTUE요일
모두의연구소 강남캠퍼스
15

한 줄 소개

코딩없는 Creative Vibe Coding

분야

ENGINEERING, ARTS

목표 결과물

COMPETITION, BOOK

랩 소개

웹의 HTML5 Canvas를 활용하여 Creative Vibe Coding을 연구합니다. P5.js, Three.js, Pixi.js 등등의 WebGL 그래픽 라이브러리를 사용하지만 직접 코드를 작성하지 않습니다. 코딩은 재료일뿐! AI로 사람의 언어를 통역하여 웹이라는 도화지를 사용하여 그림을 그립니다. Creative Vibe Coding, Interactive Vibe Coding, Generative Vibe Coding. 코딩하지 않아도 가능합니다!

##ai
##vibe
##creative
##coding

운영 방식

*개인적으로 연구하고 싶은 표현방법을 개인/그룹 단위로 연구합니다. *매주/매달 연구한 표현방법과 결과물을 블로그 / SNS / 홈페이지 / 오픈카톡채팅방 / 유투브 등에 공유합니다.

커리큘럼

1주차 오리엔테이션 / 연구주제와 모임 목적 및 운영방식 소개, 참여자 상호 소개.

2주차 브라우져 기반 or vsCode로 바이브코딩으로 인터렉션 만들어보기

3~5주차 반응하는 웹 / 움직임 만들어보기 / 그림 그려보기 / 공간 만들어보기

6~8주차 개인별 전시 주제 선정 및 공유 / 작품 제작 시작

8~10주차 개인별 작품 발전시키기

10~12주차 전시 작품 완성하기

참여 요건

- 2026년 1월 ~ 4월 전까지 최소 3개월정도 꾸준히 참여하실 분 (중요) - 자신만의 웹 그래픽 작품을 만들어보고 싶은 창작의지가 넘치는 분 *비개발자도 지원가능합니다. *개발자도 지원가능하지만 비개발자 위주로 진행될 수 있습니다. *연구원원 개발자와 비개발자 비율을 1:3 정도로 모집하려고합니다. 코딩해보신분은 개발자입니다. 다른 비개발자분들을 도와주시면 좋겠습니다. *바이브코딩을 위한 AI는 무료로 시작할 수 있지만, 원하시는 분들은 개인이 추가 결제해야할 수 있습니다. *연구원 모집결과는 모임시작 전주까지 알려드리겠습니다.

사전 질문

현재 어떤 일 또는 공부를 하시나요?

AI 사용경험에 대해 알려주세요 / 어떤 것을 주로 어떤 용도로 쓰시나요?

디자인&미술 경험 / Coding 경험 / Vibe Coding 경험이 있으신가요?

Creative Vibe Coding으로 뭘 만들어보고 싶으신가요?

그 외에 자랑할 것을 마구마구 알려주세요!

랩장 소개

avatar_img

한태재

10년차 웹 그래픽 엔지니어 / 프론트엔드 개발자hantaejae@gmail.com

안녕하세요. 10년차 웹 그래픽 엔지니어/프론트개발자로서 HTML5 웹 프로젝트에 대한 경험이 많습니다. 모두의연구소에서 웹 코딩 관련으로 랩장을 3번 했었습니다. 2017.02 ~ 2018.02 - interactive art of web 랩장 2023.02 - 2023.12 - Generative art for NFTs 랩장 2024.04 - 2024.07 - Creative Coding 랩장 현재 유투브도 조금씩 하고 있습니다. (코딩의세계) https://www.youtube.com/@_world_of_coding_