화면전환 4

[TCA] Navigation (화면전환 총 정리)

[TCA] Navigation TCA의 Navigation에 대해서 공부하고 정리해보자. 서비스 개발에서 사용하는 화면전환 방식으로는 몇 가지가 있는데, 우선적으로 자주 사용하는 것들을 정리하고, 추가적으로 필요한 것들이 있을 때마다 포스팅을 업데이트 해보자! 이번에 알아볼 목차! - 일반적인 sheet 화면전환 - navigationDestination, popover, sheet 사용 - NavigationStack (feat. Path & destination) - 여러개의 뷰를 한번에 이동시켜야 할 경우 - struct Path: Reducer { ... } - NavigationStack의 View 단에서 처리 - StackElementID - ScreenA - 스스로 dismiss - Scre..

apple/TCA 2023.10.09

[iOS] 코드로 화면전환 하는법😏

코드로 화면전환 ✅ 이번 시간에는 스토리 보드 없이 화면 전환 하는 법에 대해서 알아볼 예정이야. 🟠 그동안은 항상 스토리 보드로만 작업을 해서 present 메소드를 사용해서 화면을 전환한다면 // 스토리보드의 파일 찾기 let storyboard: UIStoryboard? = UIStoryboard(name: "Main", bundle: Bundle.main) // 스토리보드에서 지정해준 ViewController의 ID guard let vc = storyboard?.instantiateViewController(identifier: "VC1") else { return } // 화면 전환방식 선택 (default : .modal) vc.modalTransitionStyle = .fullScreen..

[flutter] 22강 | Navigator 이해하기

✅ 이번시간에는 네비게이터를 이용해 화면 전환하기 + 컨텍스트에 대해서 알아볼 예정이야 ✅ Navigator 및 포스팅의 순서 1. Route의 개념 - 스마트폰에서 보여지는 하나의 페이지 화면 ! 2. Navigator의 정의와 push, pop 함수, stack 자료구조 - stack ( FILO ) - push 데이터를 넣기 - pop 데이터를 빼기 - Route(페이지) 는 Navigator라는 위젯이 담당하고 그 구조는 스택 구조이다. 3. MaterialPageRoute위젯과 context - 화면전환할 때, 바로 class 입력해서 이동하는 것이 아니라 화면을 지정해주면서 이동한다. 4. 페이지 이동 기능 구현 완성 ✅ 코드 리뷰 import 'package:flutter/material.d..

[flutter] 18(26)강 | 플러터 2.0 SnackBar 와 ScaffoldMessenger

✅ 이번 시간에는 플러터 2.0으로 인해서 SnackBar의 사용이 완전히 달라짐. 정리가 다음 포스팅까지 이어짐. 1. ScaffoldMessenger class2. Buttons(TextButton, ElevatedButton, OutlinedButton)3. Global Key  ✅ Why ScaffoldMessger?우선 Scaffold.of(context)를 살펴보자 기본적으로 Scaffold.of(context)의 경우에는 위로 올라가면서 가장 가까운 Scaffold를 찾아 반환하라는 의미.하지만, 이 과정에서 Scaffold.of 메소드가 가지고 있는 현재의 컨텍스트로는 Scaffold를 찾을 수 없었다. 이 문제를 해결하기 위해서 Builder위젯을 생성해서 새로운 context를 Scff..