데스크톱에서 모바일 앱 데모 녹화하는 방법

휴대폰에서 직접 앱을 녹화하는 건 간단해 보이지만 막상 해보면 다릅니다. 기본 녹화 기능은 알림 배너까지 담아버리고, 배터리 표시는 계속 바뀌며, 파일은 편집할 컴퓨터가 아닌 기기에 남고, 나중에 줌이나 설명 문구를 추가할 방법도 없습니다.

휴대폰을 데스크톱에 미러링해서 그곳에서 캡처하면 이 모든 문제가 한 번에 해결됩니다. 안정적인 고해상도 소스, 데스크톱의 완전한 편집 기능, 그리고 이미 필요한 위치에 저장된 파일을 얻을 수 있습니다. macOS와 Windows 양쪽에서 설정하는 방법을 알아봅시다.

데스크톱에서 캡처해야 하는 이유

• 더 나은 편집: 줌 효과, 텍스트 오버레이, 커서 스타일링은 휴대폰이 아닌 데스크톱에 있습니다
• 저장 공간 제약 없음: 긴 세션은 휴대폰 용량을 금세 채우지만 Mac이나 PC는 여유롭습니다
• 더 깔끔한 결과물: 내보내기 시점에 해상도, 프레임 레이트, 포맷을 직접 제어합니다
• 반복 촬영 용이: 휴대폰의 녹화 기능을 건드리지 않고 특정 구간만 다시 찍을 수 있습니다
• 실시간 내레이션: 데모를 진행하면서 마이크 해설을 한 번에 녹음할 수 있습니다

기기 미러링하기

macOS에서 iPhone 또는 iPad

추가 소프트웨어가 필요 없는 가장 안정적인 방법입니다:

1. USB 케이블로 기기를 연결하고 이 컴퓨터를 신뢰를 탭합니다
2. QuickTime Player를 열고 파일 → 새로운 동영상 녹화를 선택합니다
3. 녹화 버튼 옆 화살표를 클릭하고 카메라 소스로 기기를 선택합니다
4. QuickTime은 미리보기 상태로 둡니다 — 녹화 버튼은 누르지 않습니다

QuickTime이 지연 없는 실시간 미러 창이 되고, Recorded가 그 창을 캡처합니다.

Windows에서 iPhone 또는 iPad

Windows에는 기본 iOS 미러링이 없으므로 AirPlay 수신 애플리케이션을 사용하세요. 제어 센터의 화면 미러링으로 기기가 연결되면, 수신 앱의 창은 일반 앱 창처럼 동작하므로 그대로 캡처할 수 있습니다.

macOS 또는 Windows에서 Android

두 플랫폼 모두 scrcpy가 표준 도구입니다. 휴대폰에서 개발자 옵션 → USB 디버깅을 켜고 연결한 뒤 scrcpy를 실행하세요. 광고나 워터마크 없이 선명하고 지연이 적은 미러 창을 띄워줍니다. Windows 사용자는 지원 기기에 한해 휴대폰과 연결 앱도 쓸 수 있지만 프레임 레이트는 대체로 낮습니다.

기기 준비하기

미러링은 절반에 불과합니다. 정리되지 않은 휴대폰은 완벽한 캡처도 망칩니다:

• 방해금지 모드 켜기 — 데모 중 메시지가 뜨지 않도록
• 배터리 80% 이상 충전 — 빨간 배터리 아이콘은 화면에서 부주의해 보입니다
• 상태 표시줄 정리: 신호 최대, Wi-Fi 켜짐, VPN이나 알람 배지 없음
• 데모용 데이터 사용: 현실적인 이름과 콘텐츠, 개인 정보는 절대 금지
• 화면 방향 고정 — 레이아웃이 예기치 않게 회전하지 않도록
• 밝기 높이기 — 미러링된 화면이 어둡고 흐릿해지지 않도록
• 자동 잠금 해제 — 촬영 도중 화면이 꺼지지 않도록

Recorded로 캡처하기

미러 창이 화면에 표시되면 이후 과정은 두 플랫폼 모두 동일합니다:

1. 윈도우 캡처를 선택하고 QuickTime, AirPlay 수신 앱, scrcpy 창을 지정합니다
2. 프레임 레이트를 60fps로 설정합니다 — 모바일 UI는 애니메이션이 많아 30fps는 끊겨 보입니다
3. 실시간 해설을 한다면 마이크를 켜고, 나중에 더빙할 계획이면 끕니다
4. 앱에서 의미 있는 소리가 날 때만 시스템 오디오를 켭니다
5. 녹화를 시작하고 2초 기다린 뒤 조작을 시작합니다

여기서는 영역 캡처보다 윈도우 캡처가 낫습니다. 도중에 미러 창을 옮겨도 캡처가 창을 따라가므로 화면을 놓치지 않습니다.

조작 요령

터치 제스처는 눈에 보이는 커서로 나타나지 않기 때문에 시청자는 무엇을 탭했는지 알 수 없습니다. 이를 의도적으로 보완하세요:

• 평소보다 모든 제스처를 약 1/3 정도 느리게 하세요
• 탭하기 전에 잠시 멈춰 시청자가 동작 위치를 예상할 수 있게 하세요
• 빠르게 튕기지 말고 짧고 일정한 드래그로 스크롤하세요
• 다음 단계로 넘어가기 전에 결과 화면을 2초간 유지하세요
• 앞뒤로 빠르게 오가는 탐색은 피하세요 — 따라가기 어려워집니다

결과물 편집하기

미러링 캡처를 완성도 있는 데모로 만드는 곳이 바로 데스크톱 에디터입니다.

줌 효과가 없는 커서를 대신합니다. 탭 직전에 2배로 확대하고 잠시 유지하면 어떤 조작인지 분명해집니다. 전환은 300~400ms 정도가 적당합니다.

텍스트 오버레이는 보이지 않는 제스처를 설명합니다. “밀어서 보관”, “길게 눌러 옵션 열기”, “당겨서 새로고침”처럼 다섯 단어 이내로 유지하세요.

배경은 좁은 세로 화면을 꽉 찬 영상으로 바꿔줍니다. 휴대폰 프레임 뒤에 은은한 그라데이션을 깔면 양옆 여백이 검은 띠로 남지 않습니다.

트리밍으로 앱 실행 대기, 로딩 스피너, 촬영 전에 휴대폰에 손을 뻗는 순간 같은 불필요한 구간을 제거하세요.

내보내기 설정

영상이 사용될 곳에 맞춰 내보내세요:

• 소셜 및 인앱: 1080×1920 세로 MP4, H.264, 30fps
• 웹사이트 임베드: 1920×1080 가로, 배경 중앙에 휴대폰 배치
• 문서용 GIF: 15초 이내로 자르고 해상도를 낮춰 내보내기
• 스토어 미리보기: 각 스토어의 해상도 및 길이 제한 준수

하나의 녹화를 여러 곳에 쓸 계획이라면 가로 버전을 먼저 내보내고 거기서 세로 버전을 잘라내세요.

흔한 실수

미러 창 대신 전체 화면을 캡처하기. 휴대폰 주변에 바탕화면과 메뉴 막대가 그대로 들어갑니다.

미러 창의 기본 크기 그대로 녹화하기. 녹화 전에 디스플레이가 허용하는 최대 크기로 창을 키우세요. 나중에 줄일 수는 있어도 없는 픽셀을 만들 수는 없습니다.

연결 케이블이 화면에 보이는 것. 손동작까지 촬영한다면 케이블을 화면 밖으로 정리하세요.

알림 권한 팝업이 촬영본에 남는 것. 녹화 전에 최초 실행 대화상자를 모두 띄웠다 닫아두세요.

휴대폰 자체 애니메이션 무시하기. 동작 줄이기 접근성 설정은 데모를 밋밋하게 만드니 기본 애니메이션은 켜두세요.

빠른 체크리스트

• 기기 미러링 완료, 창을 실용적인 최대 크기로 조정
• 방해금지 모드 켜짐, 배터리 80% 이상, 자동 잠금 해제
• 데모 데이터 준비, 최초 실행 팝업 미리 닫음
• 미러 창 대상 윈도우 캡처, 60fps 설정
• 오디오 소스를 의도에 맞게 설정
• 주요 제스처마다 줌과 텍스트 오버레이 추가
• 사용처에 맞는 내보내기 해상도 선택

마무리

휴대폰을 데스크톱에 미러링하면 모바일 데모 녹화가 어색한 우회 방법이 아니라 평소 편집 워크플로우의 일부가 됩니다. 처음 설정에는 몇 분이 걸리지만 그 다음부터는 30초면 충분합니다.

미러 창을 크고 깔끔하게 만들고, 제스처를 천천히 하고, 시청자에게 보이지 않는 커서의 역할을 줌과 오버레이에 맡기세요.