실습 과제와 포트폴리오 기초집LESSON 13

스크린샷과 GIF: 기능을 가장 잘 보여 주는 장면 고르기

난이도초급

예상 시간45분

선수지식알려진 문제 문서

13강. 스크린샷과 GIF: 기능을 가장 잘 보여 주는 장면 고르기

1. 이번 강의에서 해결할 문제

예쁜 첫 화면만으로는 핵심 기능이 실제로 동작하는지 알 수 없고, 전체 화면 캡처에는 사용자명·토큰·로컬 경로가 노출될 수 있습니다. 증명할 주장마다 안전한 장면을 선택합니다.

2. 학습 목표

3. 핵심 개념

미디어는 장식이 아니라 주장에 붙는 증거입니다. 스크린샷은 상태와 레이아웃, 짧은 GIF는 시간에 따른 상호작용을 보여 줍니다. GIF가 너무 길거나 빠르면 핵심을 찾기 어려우므로 한 행동만 담습니다.

4. 단계별 실습

문서 작업 · 산출물: <PROJECT_ROOT>/docs/media-plan.md

docs/media-plan.md
# 공개 미디어 계획

| 파일 | 보여 줄 주장 | 시작 상태 | 종료 상태 | 공개 점검 |
| --- | --- | --- | --- | --- |
| media/01-main-flow.png | 핵심 화면과 행동 | 시작 완료 | 행동 가능 | 통과 |
| media/02-feedback.gif | 입력 뒤 즉시 피드백 | 행동 직전 | 결과 표시 | 통과 |
| media/03-result.png | 종료·재시작 흐름 | 결과 화면 | 재시작 버튼 | 통과 |

## 공개 점검
- [ ] 사용자명과 로컬 절대 경로가 보이지 않는다.
- [ ] API Key, 토큰, 이메일과 실제 사용자 데이터가 없다.
- [ ] 브라우저 탭·알림·다른 앱 창에 개인정보가 없다.
- [ ] 사용한 이미지·폰트·에셋의 공개 권한과 출처를 확인했다.

Unity Editor 작업: Game 뷰만 필요한 해상도로 캡처하고 Console·Project 경로는 제외합니다.

웹 브라우저 작업: 실제 공개 화면만 캡처하고 개발자 도구의 로컬 경로, 확장 프로그램과 계정 정보를 닫습니다.

문서 작업: 파일명은 의미 있게 정하고 README에 대체 텍스트와 한 문장 설명을 붙입니다.

README.md 미디어 예시
![택배를 올바른 지점으로 보내 점수가 오른 플레이 화면](./media/01-main-flow.png)

핵심 입력 뒤 분류 결과와 점수가 같은 화면에서 즉시 갱신됩니다.

완료 기준: 미디어 3개 이상의 계획·실제 파일·설명이 일치하고 공개 점검표를 모두 확인했습니다.

5. 작성 방식이 필요한 이유

증거 목적을 먼저 정하면 비슷한 화면을 많이 올리지 않고 핵심 흐름을 짧게 전달합니다. 공개 점검을 별도 단계로 두어 화면 속 비밀 정보가 저장소에 남는 사고를 줄입니다.

6. 자주 하는 실수와 해결법

7. 직접 실습

8. 이해 점검 질문 3개

9. 핵심 요약

MINI QUIZ