바이브 코딩 실무 과정 수강생 결과물

발표자료

파워포인트 없이 코드로 만든
인터랙티브 발표자료

교육 참가자 제작 · 20대 교육생 대상 강의용

숫자를 세면서 올라가는 카운트 효과, 방향키로 넘기는 슬라이드, 전체화면 전환까지 파일 하나로 동작합니다. 발표 흐름을 먼저 설계하고 그 흐름대로 화면을 만든 사례입니다.

발표 흐름 설계 화면 전환 애니메이션 데이터 시각화 단일 파일 배포

업무 소개

교육 참가자 제작 · 대학 산학협력단 직원

맡고 있는 업무, 만든 자료, 운영 중인 블로그를 한 주소로 모았습니다. 명함 대신 링크 하나만 보내면 되는 형태로, 업무 인수인계나 대외 소개에 바로 쓸 수 있습니다.

정보 구조 설계 모바일 대응 외부 채널 연결 깃허브 · 버셀 배포

개인 브랜딩

교육 참가자 제작 · 대학 산학협력단 직원

경력, 저서, 소개 영상을 하나의 흐름으로 배치했습니다. 이력서로는 전달되지 않는 결을 보여주는 페이지로, 강연·집필 제안을 받을 때 쓰는 창구가 됩니다.

스토리 구성 브랜드 색 설계 영상 삽입 깃허브 · 버셀 배포