노드 v20.20.2 버전 셋업 (터미널 종료 시 초기화 되므로 작업 전에 매번 실행):
nvm use패키지 설치:
pnpm i.env.local 셋업: 자세한 내용은 .env.example 참고
개발 서버 실행:
pnpm devThis will start the Expo Dev Server. Open the app in:
- iOS: press
ito launch in the iOS simulator (Mac only) - Android: press
ato launch in the Android emulator - Web: press
wto run in a browser
You can also scan the QR code using the Expo Go app on your device. This project fully supports running in Expo Go for quick testing on physical devices.
| 브랜치 이름 | 설명 |
|---|---|
| main | 운영용 |
| develop | 개발용 |
| feat/{제목} | 기능 개발 브랜치 |
| chore/{제목} | 기타 작업 브랜치 |
| fix/{제목} | 핫픽스 브랜치 |
- 브랜치 제목은
케밥-케이스사용
feat/campaign-apply
fix/payment-error
chore/git-action-setup
| 타입 | 의미 |
|---|---|
| feat. {내용} | 새 기능 |
| fix. {내용} | 버그 수정 |
| chore. {내용} | 유지보수 (기능/버그 무관) |
| docs. {내용} | 문서 수정 |
| refactor. {내용} | 리팩토링 |
| style. {내용} | 코드 포맷 변경 |
| test. {내용} | 테스트 추가/수정 |
- 커밋 메시지는
자유 서식
feat. 켐페인 지원 기능 추가
fix. 결제 페이지 오류 수정
chore. 패키지 의존성 업데이트
| 구분 | 규칙 | 예시 |
|---|---|---|
화면·라우트 (app/) |
Expo Router 규칙 준수 | _layout.tsx, index.tsx, +not-found.tsx, +html.tsx, (group)/page.tsx |
컴포넌트 (components/) |
케밥-케이스 사용 | campaign-card.tsx |
훅 (hooks/) |
카멜 케이스 사용 | useAuth.ts, useCampaignForm.ts |
유틸·헬퍼 (lib/) |
카멜 케이스 또는 단일 단어 소문자 | utils.ts, theme.ts |
| 설정·루트 스크립트 | 도구 관례 따름 | babel.config.js, metro.config.js, tailwind.config.js |
- 파일명에는 공백·한글을 쓰지 않는다.
- ⚛️ Built with Expo Router
- 🎨 Styled with Tailwind CSS via Nativewind
- 📦 UI powered by React Native Reusables
- 🚀 New Architecture enabled
- 🔥 Edge to Edge enabled
- 📱 Runs on iOS, Android, and Web
To dive deeper into the technologies used:
The easiest way to deploy your app is with Expo Application Services (EAS).
If you enjoy using React Native Reusables, please consider giving it a ⭐ on GitHub. Your support means a lot!