728x90
반응형
Expo Router 프로젝트 설정 방법
npx create-expo-app@latest
실행하기
npx expo start
// 기본 프로젝트 구조
app/
├── (tabs) // 탭 네비게이션 그룹
│ ├── _layout.tsx // 탭 네비게이션 레이아웃
│ ├── index.tsx // 홈 탭 스크린
│ ├── profile/ // 프로필 관련 스택 네비게이션
│ │ ├── _layout.tsx // 프로필 스택 레이아웃
│ │ ├── index.tsx // 프로필 메인 스크린
│ │ └── edit.tsx // 프로필 수정 스크린
│ └── settings.tsx // 설정 탭 스크린
├── modal/ // 모달 그룹
│ ├── _layout.tsx // 모달 레이아웃
│ └── index.tsx // 모달 스크린
├── _layout.tsx // 루트 레이아웃
└── index.tsx // 진입점 (선택사항)
반응형
'nextjs,tailwindcss,vercel' 카테고리의 다른 글
안드로이드 expo localization, 으로 다국어 앱 만들기 총정리 (1) | 2024.11.18 |
---|---|
안드로이드 다국어 앱 만들기 Expo Localization i18next (0) | 2024.11.18 |
EU에서 앱을 배포하는 경우 지역 차단 규정(EU) 2018/302를 참조하세요 - 구글 플레이콘솔 (1) | 2024.11.16 |
Error resolving plugin [id: 'com.facebook.react.settings']> Could not read workspace metadata from 오류 해결 (1) | 2024.11.16 |
google admob 테스트 광고 ID 설정 (expo router) (1) | 2024.11.16 |