iPhone Duo SwiftUI 레이아웃은 기기 크기나 방향을 고정값으로 가정하지 말고, 실제 사용 가능한 공간에 맞춰 구성한 뒤 Xcode 시뮬레이터에서 자세별로 확인해야 합니다. 과제 제출에 시뮬레이터 실행이 필요하다면 먼저 사용 중인 컴퓨터에서 Xcode를 실행할 수 있는지도 확인하세요.
SwiftUI를 배우며 접힘 화면과 펼침 화면을 함께 다뤄야 하는 학생이라면 이 순서로 과제 화면을 점검할 수 있습니다.
Windows를 주로 사용하지만 Xcode 시뮬레이터로 결과를 확인해야 하는 학생에게는 필요한 개발 환경을 가려내는 기준이 됩니다.
회전이나 접힘 뒤에 버튼 또는 글자가 가려질까 걱정되는 초보자도 기존 화면을 그대로 두고 항목별로 확인할 수 있습니다.
마지막 업데이트: 2026년 10월 30일. Xcode 27.1과 iPhone Duo 지원 내용은 Apple의 Xcode 27.1 출시 정보와 iPhone Duo 준비 안내를 기준으로 확인했습니다. 관련 안내나 시뮬레이터 지원이 바뀌면 다시 확인해야 합니다.
접힌 외부 화면에서는 무엇을 먼저 봐야 할까요?
외부 화면에서는 강의 제목과 주요 버튼이 좁은 공간에서도 읽히고 눌리는지 확인합니다. 화면 너비를 숫자로 고정했거나, 간격을 크게 지정해 둔 화면은 접힘 상태에서 콘텐츠가 밀리거나 잘릴 수 있습니다.
기존 강의 화면을 열고 다음 순서로 살펴보세요.
- 제목이 어색하게 잘리거나 지나치게 많은 줄로 나뉘지 않는지 봅니다.
- 시작, 저장, 다음 단계 같은 주요 버튼이 화면 안에 남아 있는지 확인합니다.
- 버튼이 작아지거나 서로 겹쳐 실제로 누르기 어려워지지 않는지 봅니다.
- 한 화면에 콘텐츠를 고정해 둔 경우, 세로로 스크롤할 수 있는지 확인합니다.
Apple의 레이아웃 지침은 화면에 맞춰 콘텐츠가 적절히 배치되는 적응형 레이아웃을 안내합니다. 그러므로 문제를 발견했을 때 기기 너비에 맞춰 화면을 억지로 줄이기보다, 고정 너비나 불필요하게 큰 간격부터 찾아보세요.
주의: 화면이 작아져도 모든 요소를 한 화면에 넣어야 하는 것은 아닙니다. 설명과 장식보다 과제의 핵심 동작이 먼저 보이도록 우선순위를 정하세요.
펼친 내부 화면은 남는 공간을 어떻게 다뤄야 할까요?
내부 화면에서는 화면이 넓어졌다는 이유만으로 요소를 무조건 늘어놓지 말고, 과제 화면에 실제로 도움이 되는지 판단합니다. 예를 들어 단계 목록과 현재 학습 내용을 나란히 보여 주면 편리할 수 있지만, 짧은 화면이라면 단순한 한 열 구성이 더 읽기 쉬울 수 있습니다.
SwiftUI의 size class는 사용 가능한 공간을 판단하는 데 참고할 수 있는 환경 정보입니다. 이 값은 방향을 그대로 다른 이름으로 표현하는 표시가 아닙니다. 가로 방향이면 언제나 넓은 화면이라고 가정하지 말고, 뷰가 실제로 받는 공간과 다른 요소가 차지하는 영역을 함께 살펴보세요. size class 활용 방법과 기기별 준비 사항은 Apple의 공식 개발 안내에서 확인할 수 있습니다.
화면을 바꾸기 전에 원하는 결과부터 정해 두면 수정이 쉬워집니다. 내부 화면에서 목록과 본문을 함께 보여 줄지, 본문을 넓게 쓸지 결정하고, 작은 화면으로 돌아왔을 때 어떤 순서로 콘텐츠를 보여 줄지도 확인하세요.
회전과 접힘 자세에 따른 콘텐츠 재배치
방향이나 기기 자세가 바뀌면 글자와 버튼의 위치가 달라질 수 있습니다. 따라서 가로 방향이나 세로 방향을 특정 레이아웃과 일대일로 연결하지 말고, 각 상태에서 실제로 사용 가능한 공간을 살펴야 합니다.
다음 항목을 차례로 점검하세요.
- 회전한 뒤 본문과 탐색 항목이 화면 밖으로 나가지 않는지 확인합니다.
- 접힘 자세에서 주요 버튼이 가려지거나 너무 멀리 떨어지지 않는지 봅니다.
- 내용이 적은 화면에서 불필요하게 큰 빈 공간이 생기는지 확인합니다.
- 긴 문장과 버튼 라벨이 겹치거나 잘리지 않는지 확인합니다.
Apple의 공식 기술 세션에서 자세와 방향에 따른 화면 확인 방법을 살펴볼 수 있습니다. 방향만 보고 레이아웃을 결정하지 말고, 표시 중인 화면에서 콘텐츠가 놓일 공간이 어떻게 달라졌는지를 기준으로 판단하면 됩니다.
안전 영역과 접힘 주변을 확인하는 순서
안전 영역은 기기에서 중요한 시스템 요소와 겹치지 않도록 콘텐츠를 배치할 때 고려하는 공간입니다. 화면 배경은 넓게 이어지게 둘 수 있어도, 버튼이나 읽어야 할 글자까지 가려지게 두어서는 안 됩니다.
- 주요 버튼과 제목이 안전 영역 안에 있는지 확인합니다.
- 배경색이나 장식처럼 화면 가장자리까지 이어져도 되는 요소를 구분합니다.
- 접힘 부근에 텍스트나 터치해야 하는 컨트롤이 놓이지 않는지 확인합니다.
- 내비게이션 구성 요소를 사용하는 화면이라면 자세를 바꿔도 주요 동작을 찾기 쉬운지 살펴봅니다.
- 안전 영역을 고려한 뒤에도 화면에 빈 공간이나 겹치는 요소가 남는지 다시 봅니다.
안전 영역과 화면 배치의 판단 기준은 Apple의 iPhone Duo 개발 준비 안내를 참고하세요. 특정 API가 모든 자세에서 지원된다고 미리 가정하지 말고, 필요한 API의 지원 범위는 최신 개발 문서에서 확인해야 합니다.
Xcode 시뮬레이터에서 과제 화면을 확인하는 다섯 단계
시뮬레이터에서는 같은 화면을 유지한 채 자세와 방향을 바꿔 비교하면 차이를 찾기 쉽습니다. Apple은 Xcode 27.1의 iPhone Duo 시뮬레이터와 Device Hub를 사용해 앱의 자세와 방향을 확인하는 내용을 안내합니다. Xcode 27.1 출시 정보와 Device Hub 문서를 기준으로 진행하세요.
- 과제 화면을 하나 고릅니다. 제목, 본문, 버튼이 함께 있는 화면처럼 레이아웃 변화를 확인하기 쉬운 화면을 선택합니다.
- 현재 화면을 먼저 기록합니다. 어떤 요소가 보이고 어디에 있는지 적어 두면 수정 전후를 비교하기 쉽습니다.
- 외부 화면과 내부 화면을 차례로 확인합니다. 제목, 주요 동작, 콘텐츠 흐름이 각 화면에서 자연스러운지 살펴봅니다.
- Device Hub에서 자세와 방향을 바꿉니다. 회전과 접힘 상태마다 글자 잘림, 버튼 가림, 과도한 빈 공간이 있는지 확인합니다.
- 수정한 뒤 같은 조건으로 다시 확인합니다. 한 번에 여러 문제를 바꾸기보다, 문제가 발생한 요소를 고치고 같은 상태에서 결과를 비교하세요.
시뮬레이터 결과는 시뮬레이션 환경에서 확인한 결과입니다. 실제 기기에서 시험했다고 말할 수는 없으며, 실제 기기 검증이 과제 요건이라면 별도 확인이 필요합니다.
환경 확인: Windows에서 Xcode를 직접 실행할 수 있다고 가정하지 마세요. Apple의 Xcode 시스템 요구 사항에서 지원 환경을 확인하고, 수업이 요구하는 Xcode 버전과 시뮬레이터 사용 여부도 먼저 살펴보세요.
화면 상태별 구성 선택 기준
| 화면 상태 | 우선 확인할 항목 | 판단 기준 |
|---|---|---|
| 접힌 외부 화면 | 제목, 주요 버튼, 세로 스크롤 | 핵심 정보와 동작이 좁은 공간에서도 읽히고 사용 가능해야 합니다. |
| 펼친 내부 화면 | 콘텐츠 폭, 목록과 본문 배치 | 공간을 넓게 쓰는 구성이 실제 과제에서 읽기와 탐색을 돕는지 확인합니다. |
| 회전 상태 | 글자 줄바꿈, 탐색과 버튼 위치 | 방향 자체가 아니라 바뀐 공간에서 콘텐츠가 계속 사용 가능한지 봅니다. |
| 접힘 자세 | 가려짐, 비정상적인 빈 공간 | 중요 정보와 동작이 접힘 주변에 놓이지 않도록 확인합니다. |
지금 가진 환경으로 과제를 마칠 수 있을까요?
과제가 요구하는 작업과 현재 컴퓨터에서 가능한 작업을 나눠 보면 필요한 환경이 분명해집니다.
| 선택지 | 잘 맞는 경우 | 미리 확인할 한계 |
|---|---|---|
| 현재 컴퓨터에서 레이아웃 연습 | 화면 구조와 SwiftUI 코드를 학습하는 경우 | Xcode 시뮬레이터 실행이 과제 요건이면 별도 실행 환경이 필요할 수 있습니다. |
| 직접 사용할 수 있는 Mac | Xcode에서 프로젝트를 계속 수정하고 실행해야 하는 경우 | 사용 중인 macOS와 Xcode가 수업에서 요구하는 조건에 맞는지 확인해야 합니다. |
| 원격 Mac 환경 | Mac을 보유하지 않았지만 Xcode 실행이 필요한 경우 | 원격 접속 방식, 필요한 Xcode 버전, 과제 파일을 옮기고 보존하는 방법을 확인해야 합니다. |
Apple의 Xcode 시스템 요구 사항을 보고 과제에 필요한 버전을 먼저 확인하세요. Mac이 필요한 이유와 사용 조건을 비교하고 싶다면 Mac 사용 사례 안내도 참고할 수 있습니다.
이미 쓸 수 있는 Mac이 있고 과제 요건도 충족한다면 그 환경에서 직접 작업하는 편이 단순합니다. 반대로 Windows에서 Xcode를 실행할 수 없고 과제에서 시뮬레이터 확인을 요구한다면, 설치 제한이나 기기 미보유가 실제 장애물이 될 수 있습니다. 지속적으로 긴 시간 작업하거나 물리 기기 연결이 꼭 필요한 경우에는 원격 환경이 적합하지 않을 수도 있습니다.
과제 제출에 필요한 것은 레이아웃 학습뿐인지, Xcode 프로젝트 실행과 시뮬레이터 확인까지인지 먼저 확인하세요. Mac을 잠시 사용할 필요가 있다면 KVMFLUX의 요금 안내에서 이용 조건을 검토해 요구사항과 맞는지 판단할 수 있습니다. 최종 선택 전에 수업의 Xcode 버전, 접속 방식, 파일 전달 조건을 대조하면 불필요한 환경 변경을 줄일 수 있습니다.
자주 묻는 질문
iPhone Duo의 내부 화면과 외부 화면에 맞춰 SwiftUI 화면을 어떻게 구성하나요?
특정 기기 너비를 기준으로 화면을 고정하지 말고, 부모 뷰가 실제로 제공하는 너비와 높이에 맞춰 콘텐츠가 줄거나 늘어나게 구성합니다. 외부 화면에서는 제목과 주요 동작이 읽히고 눌리는지 확인하고, 내부 화면에서는 남는 공간을 콘텐츠나 탐색에 활용할지 판단합니다. 두 상태를 같은 과제 화면으로 각각 확인하세요.
iPhone Duo를 접었을 때 SwiftUI 버튼이나 글자가 어긋나면 어디부터 확인해야 하나요?
먼저 화면 전체에 고정 너비나 큰 고정 간격을 지정했는지 살펴보세요. 다음으로 긴 제목이 줄바꿈되는지, 버튼이 줄어들거나 화면 밖으로 밀리지 않는지, 안전 영역 안에 주요 동작이 남는지 확인합니다. 시뮬레이터에서 접힘 자세를 재현한 뒤 문제가 나타나는 상태와 뷰를 좁혀 수정하면 무작정 레이아웃을 다시 만드는 일을 줄일 수 있습니다.
Xcode 시뮬레이터에서 iPhone Duo의 펼침과 접힘, 회전은 어떻게 바꾸나요?
Xcode의 iPhone Duo 시뮬레이터를 실행하고 Device Hub에서 기기 자세와 방향을 바꿔 확인합니다. 메뉴 이름이나 지원 상태는 사용하는 Xcode 버전에 따라 달라질 수 있으므로 Xcode 27.1의 공식 설명과 현재 설치 환경을 함께 확인하세요. 자세를 바꿀 때마다 같은 화면에서 텍스트, 버튼, 탐색 요소가 잘리지 않는지 살펴보면 됩니다.
SwiftUI 레이아웃을 화면 방향에 맞춰 바꿔야 하나요, 실제 공간에 맞춰야 하나요?
기본 판단 기준은 화면 방향 자체가 아니라 뷰가 실제로 쓸 수 있는 공간과 size class입니다. 같은 방향에서도 접힘 자세나 안전 영역에 따라 콘텐츠가 놓일 자리가 달라질 수 있습니다. 가로 모드라는 이유만으로 넓은 레이아웃을 강제하지 말고, 실제 공간이 충분할 때만 열이나 탐색 구조를 바꾸세요.
전용 맥 환경에서 스위프트유아이를 직접 빌드해 보세요
애플 실리콘 맥미니를 필요한 기간만큼 대여해 개발 환경을 빠르게 준비할 수 있습니다. 원격 데스크톱으로 개발 도구와 시뮬레이터를 살펴보며 화면 배치를 점검해 보세요. 전용 하드웨어를 사용하므로 빌드와 테스트를 다른 사용자와 나누지 않아도 됩니다. 장비를 따로 구매하지 않고 과제와 앱 개발에 필요한 맥 작업 환경을 시작해 보세요.