https://kelly-chui.github.io/tags/navigation/Recent content in Navigation on Kelly DevHugoen-usThu, 23 Jul 2026 22:36:54 +0900https://kelly-chui.github.io/posts/wwdc-swiftui-cookbook-for-navigation/Thu, 23 Jul 2026 22:36:54 +0900https://kelly-chui.github.io/posts/wwdc-swiftui-cookbook-for-navigation/<h2 id="the-swiftui-cookbook-for-navigation">The SwiftUI cookbook for navigation</h2> <p>SwiftUI의 새로운 내비게이션 API를 발표한 WWDC 세션을 정리했다. 이 내비게이션 API는 각각의 <code>NavigationLink</code>가 관리하는 대신, 스택 전체의 상태를 데이터로 표현하고 직접 조작할 수 있게 만든다.</p> <p>이 구조를 사용하면 버튼을 눌러 이동하는 기본적인 내비게이션뿐만 아니라, 딥 링크나 특정 화면으로 바로 이동하기, 루트 화면으로 돌아가기, 현재 내비게이션 상태 저장까지 같은 모델로 처리할 수 있다.</p> <ul> <li>New naviation API: 새로운 Data-driven 내비게이션 API</li> <li>Recipes for navigation: 탐색을 프로그래밍 방식으로 완전히 제어하기</li> <li>Persistent state: 새로운 API를 이용하여 앱의 내비게이션 상태를 유지하기</li> </ul> <aside class="callout" data-callout="note"> <div class="callout__header"><span class="callout__icon" aria-hidden="true">i</span><span class="callout__title">갑자기 프로그래밍 방식?</span> </div> <div class="callout__body"><p>SwiftUI는 처음부터 코드로 UI를 작성하는 프레임워크였기 때문에, 기존 <code>NavigationView</code>도 <code>isActive</code>나 <code>selection</code>을 이용해 화면을 프로그래밍 방식으로 전환할 수 있었다.</p>https://kelly-chui.github.io/posts/ios-uikit-screen-transitions/Wed, 21 Aug 2024 00:00:00 +0000https://kelly-chui.github.io/posts/ios-uikit-screen-transitions/<p>UIKit에서는 화면을 전환하는 방법이 여러 가지 있지만, 실제로는 상황에 따라 적절한 방식을 선택하면 된다.</p> <ul> <li>화면을 계층적으로 이동한다 → <strong>Show</strong></li> <li>Split View의 Detail 화면을 변경한다 → <strong>Show Detail</strong></li> <li>현재 화면 위에 독립적인 화면을 띄운다 → <strong>Present Modally</strong></li> <li>큰 화면에서는 팝오버, 작은 화면에서는 모달로 표시한다 → <strong>Present as Popover</strong></li> </ul> <p>이번 글에서는 각각의 방식이 어떤 상황에서 사용되는지 간단히 정리해 보려고 한다.</p> <h2 id="화면-전환-방식">화면 전환 방식</h2> <h3 id="show">Show</h3> <div class="code-theme-github"><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-swift" data-lang="swift"><span class="line"><span class="cl"><span class="n">show</span><span class="p">(</span><span class="kc">_</span><span class="p">:</span><span class="n">sender</span><span class="p">:)</span></span></span></code></pre></div></div> <p>내비게이션 컨트롤러를 사용하는 경우 새로운 뷰 컨트롤러를 <strong>Push</strong>하여 화면을 전환한다. 사용자가 계층 구조를 따라 이동하는 대부분의 화면 전환이 여기에 해당한다.</p>https://kelly-chui.github.io/posts/swiftui-tutorials-02-building-lists-and-navigation/Tue, 25 Jun 2024 00:00:00 +0000https://kelly-chui.github.io/posts/swiftui-tutorials-02-building-lists-and-navigation/<p>사용자가 전체 랜드마크 목록을 보고 각 위치에 대한 세부 정보를 볼 수 있는 방법을 제공해야 한다.</p> <p>모든 랜드마크에 대한 정보를 표시할 수 있는 뷰를 생성하고 사용자가 탭하여 랜드마크에 대한 디테일 뷰를 볼 수 있는 스크롤 목록을 동적으로 생성한다. UI를 미세 조정하고 싶으면 Xcode를 사용하여 다양한 장치 크기에서 미리보기를 렌더링 하면 된다.</p> <h2 id="section-1-create-a-landmark-model">Section 1. Create a landmark model</h2> <p>첫 번째 튜토리얼에선, 모든 정보들을 커스텀 뷰에 하드코딩했다. 이제는 뷰로 전달할 수 있는 데이터를 저장하는 모델을 만들 것이다.</p>