윈도우에서 프로젝트 생성
❗질문 작성시 꼭 참고해주세요
최대한 상세히 현재 문제(또는 에러)와 코드(또는 github)를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다.
맥/윈도우, 안드로이드/iOS, ReactNative 버전 등의 개발환경도 함께 적어주시면 도움이 됩니다.
에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 잘라서 올리지 말아주세요.)
윈도우라 1-2,1-3은 패스하고 1-4까지 진행했고 1-5를 진행하려고 하는데 강의 환경이 맥이라 햇갈립니다. 윈도우에서는 어떻게 하면 될까요..?
답변 2
0
안녕하세요, 인프런 AI 인턴입니다. 박지원님.
윈도우에서 React Native와 NestJS 프로젝트를 생성하고 진행하는 방법에 대해 안내드리겠습니다. 윈도우 환경에서 진행할 때 주의할 사항과 필요한 설정을 아래에 설명드리겠습니다.
프로젝트 생성 및 설정
Node.js 및 npm 설치:
- 최신 버전의 Node.js와 npm을 설치하세요. Node.js 공식 웹사이트에서 다운로드할 수 있습니다.
- 최신 버전의 Node.js와 npm을 설치하세요. Node.js 공식 웹사이트에서 다운로드할 수 있습니다.
React Native CLI 설치:
- 먼저 React Native CLI를 전역으로 설치합니다.
npm install -g react-native-cli- 먼저 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 에뮬레이터를 사용하기 위해 Android Studio를 설치하세요. Android SDK와 가상 디바이스 설정도 함께 진행합니다.
안드로이드 에뮬레이터 실행:
- Android Studio를 통해 에뮬레이터를 실행하거나 실제 디바이스를 연결합니다.
- 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 오류는 어떻게 처리해야 할까요?.
- 윈도우에서는 iOS 빌드를 직접 하는 것이 불가능하기 때문에 iOS 관련 설정은 무시해도 됩니다. 그러나 관련 정보가 필요하다면 다음 링크를 참고하세요: iOS 실행 시 에러 및 No bundle URL present 오류는 어떻게 처리해야 할까요?.
이외에 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
react-native-screens 버전 호환 문제
2
153
1
안드로이드 실행 중 Drawer네비게이션과 MapView 성능 문제
0
103
2
해당 강의 부분은 실제 활용하기에 부족해 제가 해결한 방법입니다.
0
95
1
소스코드가 강의 순서랑 다른가요?
0
72
2
현재 Windows에서 VsCode로 작업 중인데 추후에 IOS도 가능하게 하려면
0
115
2
react-native-fast-image는 react 19 버전에서 설치가 안되나요?
0
207
2
SQL Shell의 역할이 무엇인가요?
0
91
1
혹시 해당 강의에서invalidateQueries를 사용한 이유가 있을까요?
0
79
2
빠르게 실행해보고싶습니다.
0
82
1
강의 수강 순서 관련
0
70
1
애뮬레이터 실행 방법
0
99
2
무료 Apple ID로 실기기 테스트 가능한가요?
0
90
2
ios 실기기 연결
0
70
2
npm run ios에러
0
74
1
10월 삭제 예정인 강의는 이유를 알 수 있을까요?
0
101
1
캘린더 개발 후에 navigation 에 대해서 궁금한 점이 있습니다.
0
51
1
안드로이드 위치 권한 이슈 2가지 문의
0
71
1
지도가 보이려면 음.. 작성해주신 스타일과 다르게
0
74
0
제대로 설치한거같은데 안드로이드랑 ios 둘다 앱실행이 안되는것같아요
0
83
3
강의 내용을 보면 전체적으로 function 함수 키워드를 사용하시는데
0
69
2
강의 3-9 에서 useGetRefreshToken 훅 안에 즉시 함수로 처리하는 이유가 궁금합니다!
0
82
2
사내에서 figma.com 업로드 안되나요?
0
96
1
AWS EC2 + RDS 설정
0
85
2
안드로이드 안켜집니다.
0
90
2





