RN 폴더 구조 자세히 살펴보기

# expo project 설치
npx create-expo-app@latest

# 실행
npx expo start

# 만약 limit 에러 날 경우. 한도 추가(재부팅 시 초기화 - 필요 시 .zshrc 수정)
sudo launchctl limit maxfiles 524288 524288 && ulimit -n 524288

my-expo-project/
├── .expo/
├── .expo-shared/
├── assets/
│   └── ...
├── node_modules/
├── .gitignore
├── app/
│   ├── _layout.js
│   ├── index.js
│   └── ... (더 많은 페이지 및 구성 요소)
├── app.json
├── babel.config.js
├── package.json
├── README.md
└── package-lock.json

{
  "expo": {
    "name": "MyApp",  // 애플리케이션의 이름
    "slug": "myapp",  // 애플리케이션의 슬러그, URL 경로나 앱 스토어에 표시될 이름
    "version": "1.0.0",  // 애플리케이션의 버전
    "orientation": "portrait",  // 앱의 기본 화면 방향 (portrait, landscape 등)
    "icon": "./assets/icon.png",  // 앱 아이콘 경로
    "splash": {  // 스플래시 화면 설정
      "image": "./assets/splash.png",  // 스플래시 이미지 경로
      "resizeMode": "contain",  // 스플래시 이미지 리사이즈 모드 (contain, cover, stretch 등)
      "backgroundColor": "#ffffff"  // 스플래시 화면 배경색
    },
    "updates": {
      "fallbackToCacheTimeout": 0  // 새 업데이트가 없을 때 캐시된 콘텐츠로 폴백할 시간 (밀리초)
    },
    "assetBundlePatterns": [
      "**/*"  // 애셋 번들링 패턴 (모든 파일 포함)
    ],
    "ios": {
      "supportsTablet": true  // iOS에서 태블릿 지원 여부
    },
    "android": {
      "adaptiveIcon": {  // 안드로이드 적응형 아이콘 설정
        "foregroundImage": "./assets/adaptive-icon.png",  // 전경 아이콘 이미지 경로
        "backgroundColor": "#FFFFFF"  // 배경색
      }
    },
    "web": {
      "favicon": "./assets/favicon.png"  // 웹 파비콘 경로
    }
  }
}

app/
├── _layout.tsx          # 앱의 공통 레이아웃을 정의하는 파일
├── index.tsx            # 기본 페이지를 정의하는 파일
├── (admin)
│   ├── _layout.tsx      # 관리자 관련 페이지의 공통 레이아웃을 정의하는 파일
│   ├── index.tsx        # 관리자 대시보드 페이지
│   ├── users/
│   │   ├── _layout.tsx  # 사용자 관리 페이지의 공통 레이아웃을 정의하는 파일
│   │   └── index.tsx    # 사용자 목록 페이지
│   └── settings/
│       └── index.tsx    # 관리자 설정 페이지
├── settings/
│   └── index.tsx        # 설정 페이지를 정의하는 파일
└── profile/
    ├── _layout.tsx      # 프로필 관련 페이지의 공통 레이아웃
    └── index.tsx        # 프로필 페이지를 정의하는 파일