인프런 커뮤니티 질문&답변

박지원

작성한 질문수

[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

윈도우에서 프로젝트 생성

해결된 질문

작성

203

❗질문 작성시 꼭 참고해주세요
- 최대한 상세히 현재 문제(또는 에러)와 코드(또는 github)를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다.
- 맥/윈도우, 안드로이드/iOS, ReactNative 버전 등의 개발환경도 함께 적어주시면 도움이 됩니다.
- 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 잘라서 올리지 말아주세요.)
- 윈도우라 1-2,1-3은 패스하고 1-4까지 진행했고 1-5를 진행하려고 하는데 강의 환경이 맥이라 햇갈립니다. 윈도우에서는 어떻게 하면 될까요..?

react-native typescript nestjs react-query zustand

답변 2

Kyo

지식공유자

뒷부분 프로젝트생성하시면 됩니다~

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 박지원님.

윈도우에서 React Native와 NestJS 프로젝트를 생성하고 진행하는 방법에 대해 안내드리겠습니다. 윈도우 환경에서 진행할 때 주의할 사항과 필요한 설정을 아래에 설명드리겠습니다.

프로젝트 생성 및 설정

Node.js 및 npm 설치:
- 최신 버전의 Node.js와 npm을 설치하세요. Node.js 공식 웹사이트에서 다운로드할 수 있습니다.
React Native CLI 설치:
- 먼저 React Native CLI를 전역으로 설치합니다.
```
 npm install -g react-native-cli
```
프로젝트 생성:
- npx react-native init YourProjectName 명령어를 통해 프로젝트를 생성합니다.
```
 npx react-native init MatzipApp
```
- 이때 문제가 발생한다면, 유사한 질문에서 답변을 참고하시면 도움이 될 수 있습니다: 강의 1-5 npx react-native@latest init MatzipApp.
Android Studio 설치 및 설정:
- Android 에뮬레이터를 사용하기 위해 Android Studio를 설치하세요. Android SDK와 가상 디바이스 설정도 함께 진행합니다.
- 이 과정에 대한 자세한 설명은 React Native 공식 문서에서 확인할 수 있습니다.
안드로이드 에뮬레이터 실행:
- Android Studio를 통해 에뮬레이터를 실행하거나 실제 디바이스를 연결합니다.
프로젝트 실행:
- npx react-native run-android 명령어를 통해 프로젝트를 실행합니다.
```
 npx react-native run-android
```

윈도우에서 자주 발생하는 문제와 해결 방법

번들 서버 실행 문제:
- 프로젝트가 제대로 실행되지 않거나 빈 프로젝트만 생성된다면, 번들 서버가 정상적으로 실행되지 않은 경우일 수 있습니다. 터미널을 열고 번들 서버를 시작합니다.
```
 npx react-native start
```
의존성 문제 해결:
- 프로젝트 생성 후 필요한 의존성 패키지가 누락될 수 있습니다. 이를 해결하려면 프로젝트 디렉토리에서 npm install 명령어를 실행해 주세요.
Pod 설치 문제(iOS 관련):
- 윈도우에서는 iOS 빌드를 직접 하는 것이 불가능하기 때문에 iOS 관련 설정은 무시해도 됩니다. 그러나 관련 정보가 필요하다면 다음 링크를 참고하세요: iOS 실행 시 에러 및 No bundle URL present 오류는 어떻게 처리해야 할까요?.

이외에 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

박지원

작성한 질문수

전체 Q&A

질문하기