행사 포스터 AI로 만들기 — 시안 세 가지 비교 (바이브코딩 #11)
같은 행사 정보를 넣은 HTML 포스터 세 시안을 비교하고, 문구와 여백을 고친 기록입니다. 가상자료 예시와 이미지 생성 방식으로 바꾼 뒤의 미완료 범위를 함께 담았습니다.
AI JUMPER / FIELD NOTES
직접 만들어보니,
이런 이야기가 남았습니다.
AI로 만드는 웹과 앱, 일에 써본 도구들.
잘된 것도, 한참 헤맨 것도 함께 기록합니다.
최근 이야기 · 만들기 기록
행사 포스터 AI로 만들기 — 시안 세 가지 비교 (바이브코딩 #11)
같은 행사 정보를 넣은 HTML 포스터 세 시안을 비교하고, 문구와 여백을 고친 기록입니다. 가상자료 예시와 이미지 생성 방식으로 바꾼 뒤의 미완료 범위를 함께 담았습니다.
이야기 읽기 ↗
만들며 쌓인 이야기 11
↗
시상식 수상자 발표 화면 — 웹앱으로 만들고 오류 고친 기록 (바이브코딩 #10)
스페이스바로 수상자를 한 명씩 발표하는 시상식 웹앱을 AI로 만들고, 화면 위치·지난 명단·캐시 문제를 고친 과정입니다. 예시 명단 포함.
AI 글 말투 고치기 — 블로그 초안을 내 문체로 다듬는 요청문 (바이브코딩 #9)
AI가 쓴 블로그 초안이 어렵고 어색할 때 어디를 어떻게 고쳤는지, 실제 전후 비교와 다시 쓸 수 있는 요청문을 정리했습니다.
아이 감정카드 PDF — AI 그림으로 만든 A4 출력용 (바이브코딩 #8)
아이가 그림을 보고 마음과 바라는 것을 고르는 감정카드를 AI 이미지로 만들었습니다. 토끼 카드 20장과 5세용 12장 A4 PDF를 내려받을 수 있습니다.
근무표 자동 작성 웹앱 — 당직 순번·휴무 반영 (바이브코딩 #7)
수기로 적던 근무표를 AI로 만든 웹앱으로 옮겼습니다. 근무 기준 입력, 일정 변경, 개인·팀 확인, CSV·한글 파일 출력까지 화면으로 보여드립니다.
설문 결과 그래프 자동 정리 — 엑셀 응답으로 보고서 표 만들기 (바이브코딩 #6)
설문 응답 엑셀을 넣으면 질문별 표와 그래프가 나오고, 한글 보고서에 바로 붙여 넣는 프로그램을 AI로 만들었습니다. 실제 사업에 써본 소감까지 담았습니다.
AI 리터러시 퀴즈 게임 만들기 — 수업용 웹게임 (바이브코딩 #5)
AI 연구소를 돌아다니며 다섯 주제의 퀴즈를 푸는 웹게임을 만들었습니다. 실제 문제 화면과 재도전·점수·이어하기를 확인한 과정입니다.
구글폼 첨부파일 자동 분류 — 앱스 스크립트로 참가신청서 정리 (바이브코딩 #3)
구글 앱스 스크립트로 참가신청서와 첨부파일을 부문별로 분류하고, 중복 복사를 막고, 접수 화면에서 확인한 과정입니다.
한글 상장 일괄 작성 — 명단으로 상장 한 번에 만들기 (바이브코딩 #4)
준비한 한글 양식에 이름·소속·상격·문구를 채워 사람별 상장 6개를 만든 실험과 확인 과정. 예시 양식·명단·코드 포함.
영수증 사진으로 한글 지출서류 자동 작성 (바이브코딩 #2)
영수증 사진과 PDF를 확인하고, 인식 내용을 수정해 한글 지출서류 초안을 만드는 과정.
웹슬라이드 만들기 — PPT 대신 AI로 만든 발표자료 (바이브코딩 #1)
발표자료를 웹페이지로 만들고 주소로 여는 방법. 숫자 효과와 차트, 로컬 투표 시연을 붙여본 과정입니다.
찾는 글이 아직 없어요. 다른 단어로 검색해 보세요.