React Navigation 6 완전 가이드

모바일 앱에서 내비게이션은 단순한 화면 전환 기능이 아닙니다. 사용자가 어디서 진입하고, 중간에 끊겼을 때 어떻게 복구하고, 뒤로 갔을 때 어떤 맥락을 유지하는지를 결정하는 제품 구조입니다. 그래서 내비게이션 설계는 UI 선택이 아니라 아키텍처 선택에 가깝습니다.

Navigator보다 사용자 여정을 먼저 본다

탭이냐 스택이냐를 먼저 고르기보다 사용자 여정을 먼저 정리해야 합니다.

이 여정이 명확해지면 어떤 navigator 조합이 필요한지도 자연스럽게 따라옵니다.

모든 라우트를 하나의 거대한 파일에서 관리하면 초기엔 편할 수 있지만, 기능이 커질수록 딥링크, 권한, 분석 이벤트 관리가 어려워집니다. 상위 셸은 공유하되 각 기능이 자신의 라우트 계약을 소유하도록 두는 편이 더 건강합니다.

이 방식은 다음 이점을 줍니다.

운영 환경에서는 푸시 알림, 유니버설 링크, 인증 만료, 앱 재시작이 모두 내비게이션과 엮입니다. 보호된 화면으로 딥링크가 들어왔을 때 단순 리디렉션 반복이 아니라 복구 경로가 있어야 합니다.

따라서 초기에 정해야 합니다.

중첩 navigator는 필요하지만 지나치게 많아지면 정보 구조가 이미 복잡해졌다는 신호일 때가 많습니다. 문제는 라이브러리가 아니라 설계입니다.

좋은 내비게이션은 눈에 띄지 않습니다. 사용자가 흐름을 자연스럽게 따라가고 끊겼을 때도 쉽게 복구할 수 있기 때문입니다. 그 보이지 않는 품질은 구조 설계에서 나옵니다.