2. React Native 개발 환경 설정

 

1. node.js 설치

https://nodejs.org/en

 

2. 프로젝트를 진행할 폴더 생성

 

3. 터미널 창에서 해당 폴더로 이동 

 

4. expo-cli 설치

npm install expo-cli

 

음.... 4번 과정을 건너뛰고 바로 5번을 입력해도 프로젝트가 잘 생성된다...?

https://reactnative.dev/docs/environment-setup

리액트네이티브 공식 문서에는 5번 과정만 나와있긴함

4번 과정을 진행하고 만든 프로젝트에서는 node_modules, package.json, package-lock.json 등이 2개씩 생성되었고 <Image> 태그 삽입시 이미지 크기 지정을 안해주면 이미지가 나타나지 않았음.

4번 과정을 생략하고 만든 프로젝트에서는 이미지 크기를 지정해주지 않아도 이미지가 바로 보여졌음

 

5. expo 프로젝트 생성

npx create-expo-app 프로젝트명

 

6. 해당 폴더로 이동 : cd 프로젝트명

 

7. npm start

 

8. w를 눌러 web을 실행하려고 했는데

 

9. ctrl + c를 눌러 expo 종료해 주고 폴더에서 하얀 글씨를 그대로 입력

 

10. 설치 후 npm start 로 실행해 주고 w를 입력해 주면

 

 

웹 페이지 띄우기 성공

해당 페이지는 expo 프로젝트 폴더의 App.js에서 변경 가능

 

npm run web 은 웹이 바로 실행됨

 

 

w를 입력하면 web 페이지가 실행되고 a를 누르면 Android가 실행된다고 하는데

Android SDK가 없어서 오류가 발생