AI 출장보고서 작성법

AWE USA 2026 · Long Beach, CA · Jun 15–18

AI로 만드는
출장 보고서

사진 + 메모 → AI → HTML 보고서 → GitHub Pages 배포

총 6단계 · 약 1~2시간 · 코딩 불필요

"I, Spatial — Humans Empowered by Spatial AI"

강의: [발표자] | [날짜]

?

왜 이 방법인가?

기존 출장 보고서의 문제점:

❌ PPT/Word → 무겁고, 사진 붙이기 번거로움
❌ 이메일 첨부 → 접근 어렵고, 업데이트 안 됨
❌ 직접 작성 → 시간 너무 많이 걸림

이번 방법의 장점:

✅ 사진 + 메모만 있으면 AI가 보고서 생성
✅ URL 하나로 누구나 접근 가능
✅ 모바일에서도 보기 좋음
✅ 코딩 전혀 몰라도 됨

실제 예시

참고 예시 (SID 2026) → waterfirst.github.io/sid-display-week-2026
AWE 2026도 똑같이 만들 수 있습니다 (Long Beach, 6/15–18)

OVERVIEW

6단계 전체 흐름

01

🔑 Antigravity 가입

Google 계정으로 가입
antigravity.google

5분

02

🐙 GitHub 계정 만들기

이메일로 가입
github.com

5분

03

🍴 템플릿 가져오기

Fork (클릭만) 또는
Clone (Git 명령어)

2~10분

04

📁 현장 자료 정리

사진 폴더 + 메모 파일
(현지에서 수행)

출장 중

05

🤖 Antigravity로 생성

폴더 올리고 프롬프트 입력
AI가 HTML 완성

30분

06

🚀 GitHub Pages 배포

URL 생성 → 팀 공유

5분

01

🔑 Antigravity 가입

Google의 AI 코딩 도구입니다.
코딩을 몰라도 자연어로 지시하면 HTML을 만들어줍니다.

접속 URL

https://antigravity.google

가입 방법

1. 위 URL 접속
2. Sign in with Google 클릭
3. 회사 이메일 또는 개인 Gmail로 로그인
4. 완료 ✅

⚠️ 주의

무료 플랜은 토큰(사용량) 제한이 있습니다.
보고서 한 개 만들기에는 충분하지만, 큰 파일이 많으면 유료 플랜이 필요할 수 있습니다.

02

🐙 GitHub 계정 만들기

보고서를 올리고 URL을 만들 공간입니다.
평생 무료로 사용 가능합니다.

접속 URL

https://github.com → Sign up

가입 방법

1. github.com 접속 → Sign up
2. 이메일 / 비밀번호 / 사용자명 입력
3. 이메일 인증
4. 완료 ✅

💡 사용자명 추천

나중에 URL이 됩니다: [내계정].github.io/awe_2026_LA
알아보기 쉬운 영문 소문자 이름 추천 (예: kimyoungjae, leejinsoo)

03

🍴 템플릿 가져오기

두 가지 방법 중 하나를 선택하세요.

방법 A — Fork + ZIP ⭐추천

Git 설치 불필요
Fork → ZIP 다운 → 폴더 편집
→ 웹에서 드래그 업로드

비개발자 대부분 이 방법

방법 B — Clone

Git 설치 필요
git clone → 로컬 편집
→ git push 업로드

Git 사용자용

방법 A 전체 흐름 (Git 불필요)

① Fork — github.com/waterfirst/awe_2026_LA → 우측 상단 Fork ▼ → Create fork
② ZIP 다운 — 내 레포 → 초록 Code ▼ → Download ZIP → 압축 해제
③ 로컬 작업 — img/ 에 사진 복붙, notes/ 메모 작성, Antigravity로 index.html 생성
④ 웹 업로드 — 내 레포 → Add file → Upload files → 드래그 → Commit ✅

방법 B(Clone + Git) 상세 절차는 다음 슬라이드 →

03-B

💻 Clone 상세 방법

① Git 설치 (처음 한 번만)

Windows: git-scm.com/download/win 접속 → 다운로드 → 설치
Mac: 터미널 열고 아래 입력 후 설치 팝업에서 "설치" 클릭:

git --version

설치 확인: 터미널에 git version 2.x.x 가 나오면 완료 ✅

② 클론 + 내 GitHub 레포로 연결

# 1. 템플릿 다운로드
git clone https://github.com/waterfirst/awe_2026_LA.git
cd awe_2026_LA

# 2. github.com/new 에서 새 레포 만든 후:
git remote remove origin
git remote add origin https://github.com/[내계정]/awe_2026_LA.git

# 3. 내 레포에 업로드
git push -u origin main

③ 이후 파일 추가할 때마다

git add .
git commit -m "사진 및 메모 추가"
git push origin main

Push 할 때마다 GitHub Pages가 자동으로 업데이트됩니다 ✅

04

📁 현장 자료 정리

현지에서 이렇게 모으세요.

awe_2026_LA/ ├── img/ │ ├── day1/ ← 이동일 사진 │ ├── day2/ ← 전시 첫째날 사진 │ ├── day3/ ← 전시 둘째날 사진 │ └── day4/ ← 귀국일 └── notes/ ├── exhibition.txt ← 부스 관찰 메모 └── meetings.txt ← VIP 미팅 메모

현장 메모 팁

📱 카카오톡 나에게 보내기 → 텍스트 실시간 기록
📷 사진은 많이 찍을수록 좋음 (보고서가 풍성해짐)
📝 귀국 후 메모를 notes/exhibition.txt에 복붙

📝 exhibition.txt 작성 예시

[부스명: Meta]
- 제품: Quest 4 Pro 시연
- 특징: 시야각 120° · 무게 280g
- 고객 반응: 30분 대기줄
- 인상: 경쟁사 대비 가격 경쟁력 우수

05

🤖 Antigravity로 보고서 생성

antigravity.google → 폴더 업로드 → 프롬프트 전송 → index.html 다운로드

프롬프트 A — 기본

사진을 img/ 폴더로 따로 관리


        notes/ 메모와 img/ 사진으로

        index.html 출장보고서 완성해줘.

        규칙:

        1. 탭 구성 유지

        2. [ ] 플레이스홀더 교체

        3. 사진 날짜별 배치

        4. 단일 HTML 출력

        5. 다크 테마·탭 구조 유지

프롬프트 B — 사진 내장형 ⭐

사진을 HTML 안에 통째로 내장
파일 1개로 완성!


        notes/ 메모와 img/ 사진으로

        index.html 출장보고서 완성해줘.

        규칙:

        1~5. (위와 동일)

        + 6. 모든 사진을 Base64로

        HTML 안에 직접 내장

        (img/ 폴더 참조 없이

        파일 하나로 동작)

⭐ B 추천 이유

index.html 파일 하나만 GitHub에 올리면 끝! 사진 폴더 따로 업로드 불필요
⚠️ 사진 많으면 파일 커짐 (10장 기준 약 5~15MB)

06

🚀 배포 방법 — 3가지 중 선택

🥇

Antigravity
Publish 버튼

클릭 한 번
Git·GitHub 불필요

30초

🥈

GitHub
웹 업로드

브라우저만 사용
Git 불필요

5분

🥉

git push
(개발자)

Git 설치 필요
터미널 사용

1분

한눈에 비교

🥇 .web.app 또는 .run.app 도메인 — 가장 간단, 지금 당장 공유 가능
🥈 [내계정].github.io 도메인 — 브라우저만 있으면 OK
🥉 [내계정].github.io 도메인 — Git 설치 필요, 개발자 전용

다음 슬라이드에서 각 방법 상세 설명 →

🥇

방법 1 — Antigravity Publish

가장 쉬운 방법 · Git·GitHub 계정 없어도 됨 · 클릭 한 번

상세 절차

① Antigravity에서 보고서 생성 완료 후

② 화면 우측 상단(또는 하단) 버튼 클릭:

"Publish" 또는 "Share" 또는 "Deploy" 버튼
  → 클릭 → 잠시 대기 (10~30초)
  → URL 자동 생성!

③ 생성된 URL 복사 후 공유:

예시 URL

https://[프로젝트-ID].web.app
또는 https://[서비스명]-[난수].run.app

📌 참고

URL은 Firebase(.web.app) 또는 Cloud Run(.run.app) 도메인으로 생성됩니다.
URL 수정·삭제는 Antigravity 대시보드에서 가능합니다.
github.io URL이 필요하면 방법 2 또는 3을 사용하세요.

🥈

방법 2 — GitHub 웹 업로드

브라우저만 있으면 OK · Git 설치 불필요 · github.io URL 생성

① index.html 업로드

1. github.com/[내계정]/awe_2026_LA 접속
2. Add file ▼ → Upload files 클릭
3. Antigravity에서 받은 index.html 드래그 앤 드롭
4. 하단 Commit changes 클릭

⭐ 프롬프트 B(Base64 내장형)로 만든 경우 여기서 끝!

② GitHub Pages 활성화 (최초 1회)

1. 레포 상단 ⚙️ Settings 탭
2. 왼쪽 메뉴 스크롤 → Pages 클릭
3. Source: Deploy from a branch
4. Branch: main / Folder: / (root) → Save
5. 1~3분 대기 후 URL 생성 ✅

내 보고서 URL

https://[내계정].github.io/awe_2026_LA

🥉

방법 3 — git push (개발자)

Git 설치 필요 · 터미널 사용

파일 수정 후 레포 폴더에서 실행

git add .
git commit -m "보고서 완성"
git push origin main
# → GitHub Pages 자동 업데이트

🎉

완성! URL 하나로 팀 전체 공유

템플릿: github.com/waterfirst/awe_2026_LA
AI 도구: antigravity.google

질문이 있으시면 편하게 연락주세요 👋