Flutter에서 내비게이션은 어떻게 작동하나요?

Question

Accepted Answer

Flutter에서 **내비게이션**은 화면(페이지/라우트) 간 이동입니다 — 기본 내비게이션에는 **Navigator**(라우트 스택)를 사용하고, 더 복잡한 앱에는 선언적 라우팅 패키지를 사용합니다. 내비게이션을 이해하는 것은 멀티 스크린 앱을 만드는 데 필수적입니다.

## Navigator로 기본 내비게이션 (스택)

```dart
// Navigator는 라우트(화면)의 STACK을 관리
// 새 화면을 스택에 PUSH (이동)
Navigator.push(
  context,
  MaterialPageRoute(builder: (context) => SecondScreen()),
);

// POP — 돌아가기 (최상단 화면 제거, 이전 화면으로 복귀)
Navigator.pop(context);
```

```text
내비게이션을 화면의 STACK으로 생각하세요:
  → PUSH는 화면을 위에 추가 (앞으로 이동)
  → POP은 최상단 화면을 제거 (뒤로 가기)
  → 뒤로 가기 버튼 / 제스처도 pop을 수행
```

## 화면 간 데이터 전달

```dart
// 데이터를 앞으로 전달 (생성자를 통해)
Navigator.push(context, MaterialPageRoute(
  builder: (context) => DetailScreen(itemId: 42),
));

// pop할 때 데이터를 반환
Navigator.pop(context, result);          // 결과 반환
final result = await Navigator.push(...); // 수신 (push는 Future를 반환)
```

## 명명된 라우트와 현대적 라우팅

```dart
// NAMED 라우트 — 이름으로 라우트 정의 (많은 화면에 더 깔끔)
Navigator.pushNamed(context, '/details');
// MaterialApp(routes: {...})에서 구성

// 현대적: 복잡한 앱을 위한 선언적 라우팅 패키지(go_router):
//   → URL 기반 라우팅, 딥 링크, 웹 지원, 중첩 내비게이션
//   → go_router는 복잡한 앱에 권장되는 접근 방식
```

## 왜 중요한가

내비게이션을 이해하는 것은 필수적입니다. 왜냐하면 **대부분의 앱은 여러 화면을 가지고 있고**, 그 사이를 이동하는 것이 앱 기능에 근본적이기 때문이며, 따라서 반드시 알아야 할 Flutter 지식입니다.

핵심 개념 — Flutter의 **Navigator가 라우트(화면)의 스택을 관리**하며, 앞으로 이동하려면 **push**(위에 화면 추가), 뒤로 가려면 **pop**(최상단 화면 제거)을 한다는 점 — 은 내비게이션의 기초가 되는 멘탈 모델이며, 스택 비유(사용자가 앱에서 앞뒤로 이동하는 방식과 일치)는 이를 직관적으로 만듭니다.

**기본 내비게이션**(push/pop)을 이해하는 것은 모든 멀티 스크린 앱에 필요합니다.

**화면 간 데이터 전달**(생성자를 통해 데이터를 앞으로 보내고 pop 시 결과를 반환, push가 Future를 반환하므로)을 이해하는 것은 필수적입니다. 왜냐하면 화면은 흔히 데이터를 공유해야 하기 때문입니다(상세 화면에 항목 전달, 선택 결과 반환).

**명명된 라우트**(많은 화면을 더 깔끔하게 정리하기 위해 이름으로 라우트 정의)와 특히 **현대적 선언적 라우팅**(복잡한 앱에 권장되며 URL 기반 라우팅, 딥 링크, 웹 지원, 중첩 내비게이션을 제공하는 **go_router** 같은 패키지)을 이해하는 것은 현재의 모범 사례를 반영합니다 — 앱이 커질수록 선언적 라우팅이 명령형 push/pop보다 복잡성을 더 잘 처리합니다.

거의 모든 앱이 여러 화면을 가지고 있고 그 사이를 이동(데이터 전달 포함)하는 것이 앱 기능에 근본적이며, Navigator 스택 모델, 데이터 전달, 현대적 라우팅(go_router)을 이해하는 것이 멀티 스크린 앱을 만드는 데 필요하므로, Flutter에서 내비게이션을 이해하는 것은 필수적이고 기초적인 지식입니다 — 거의 모든 Flutter 앱에 필요한 핵심 역량이자 실제 애플리케이션이 요구하는 멀티 스크린 경험을 만드는 데 필요합니다.