본문 바로가기
programing/리액트네이티브

[RN.개발일지] 14. 폴더 및 파일명의 의미 정리

by heesangs 2025. 2. 5.

리액트 네이트브 기본 폴더 및 파일 정리

📂 폴더명 설명
프로젝트 관련 폴더
 
.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를 사용할 때 필요)

 

댓글