프론트엔드
JetPack의 Navigation을 사용해보자
두줄요약
Jetpack Navigation의 그래프·NavHostFragment·NavController 구성을 설명했습니다. Fragment 화면과 액션을 연결하고 버튼 클릭으로 이동하는 방법을 소개합니다.
구조와 흐름
- Navigation graph에 Fragment 목적지와 화면 전환 액션 정의
- NavHostFragment를 Activity 레이아웃의 Fragment 전환 컨테이너로 배치
- NavController로 그래프 기반 액션 탐색과 화면 이동 수행
선택 이유
- intent와 Fragment transaction 중심 화면 이동에서 복잡한 레이아웃에 따른 코드 얽힘
- 단일 Activity와 여러 Fragment 구성의 시각적 화면 흐름 관리
적용해볼 점
- Gradle에 navigation-fragment, navigation-ui 의존성 추가
- nav_graph에서 목적지 간 액션 연결 후 버튼 클릭 리스너의 navigate에 액션 ID 전달
- tools:layout으로 Navigation graph 내 Fragment 미리보기 레이아웃 연결
