리액트 네이트브 기본 폴더 및 파일 정리
📂 폴더명 | 설명 |
프로젝트 관련 폴더
|
|
.bundle |
번들링 관련 파일들이 저장될 가능성이 있는 폴더 (앱 실행 파일)
번들링: 파일들을 하나로 합쳐서 앱이 실행될 수 있도록 만드는 과정. |
.vscode |
Visual Studio Code의 프로젝트 설정 파일들이 들어 있는 폴더
|
node_modules |
npm(yarn)으로 설치한 라이브러리들이 저장되는 폴더
|
vendor |
직접 복사해서 넣은 외부 라이브러리들이 저장되는 폴더
|
네이티브 코드 폴더
|
|
android |
React Native 프로젝트의 Android 네이티브 코드가 들어 있는 폴더
|
ios |
React Native 프로젝트의 iOS 네이티브 코드가 들어 있는 폴더
|
local.properties |
Android 관련 로컬 환경 설정 파일 (SDK 경로 설정)
|
화면 및 리소스 관련 폴더
|
|
screens |
앱의 화면(Screen) 컴포넌트들이 저장되는 폴더
|
⚙️ 설정 관련 파일 | 설명 |
.eslintrc.js |
ESLint 설정 파일 (코드 스타일 검사)
|
.gitignore |
Git에 포함하지 않을 파일 목록을 지정하는 파일
|
.prettierrc.js |
코드 포맷(자동 정렬) 설정 파일
|
.watchmanconfig |
파일 변경을 감지하는 Watchman 설정 파일
|
🚀 앱 실행 및 핵심 파일 | 설명 |
App.tsx |
앱의 시작 화면을 정의하는 파일 (메인 파일)
|
App copy.tsx |
백업본 또는 테스트용 App.tsx 파일
|
app.json |
프로젝트의 기본 설정 파일 (앱 이름, 아이콘 등 설정)
|
index.js |
React Native 앱 실행의 진입점 파일
|
README.md |
프로젝트 설명 파일 (앱 사용법 등 문서 작성)
|
📦 패키지 & 의존성 관련 파일 | 설명 |
package.json |
프로젝트의 라이브러리 목록 및 설정 파일
|
package-lock.json |
설치된 라이브러리의 정확한 버전을 관리하는 파일
|
🛠️ 빌드 및 컴파일 관련 파일 | 설명 |
babel.config.js |
Babel 설정 파일 (최신 JavaScript를 옛날 JavaScript로 변환)
|
metro.config.js |
Metro 번들러 설정 파일 (앱 실행 속도 최적화)
|
🧪 테스트 관련 파일 | 설명 |
jest.config.js |
Jest 테스트 설정 파일 (코드 자동 테스트)
|
📝 기타 파일 | 설명 |
Gemfile |
Ruby 관련 설정 파일 (iOS 빌드할 때 CocoaPods 관리용)
|
tempCodeRunnerFile.js |
VSCode에서 임시로 실행된 코드 파일
|
tsconfig.json |
TypeScript 설정 파일 (React Native에서 TypeScript를 사용할 때 필요)
|
'programing > 리액트네이티브' 카테고리의 다른 글
[R.N] 숫자 맞추기 게임 (0) | 2025.03.30 |
---|---|
[R.N] 기본앱(TodoList) 디자인 테스트 (0) | 2025.02.12 |
[RN.개발일지] GUIDE 문서 이해 (0) | 2024.11.12 |
[RN.개발일지] 환경설정과 초기세팅 (3) | 2024.11.10 |
댓글