티스토리 뷰
[React Native] Windows에서 Expo를 이용한 React Native 개발환경 구축
johnyejin 2020. 4. 2. 03:17나만 맥 없어...나만.......
Expo 다운로드하는데 죄다 리눅스 명령어냐ㅠㅠ
그래서 정리해봤다 ㅋㅅㅋ
윈도우에서 Expo를 이용해 React Native 개발환경을 구축하는 방법!!
Expo로 프로젝트 시작하기
1. Node.js 설치 (10 LTS 이상의 버전이 있어야함)
2. npm 설치 (6 이상의 버전이 있어야함)
3. Expo 계정 생성 -> https://expo.io/
4. Expo cil 설치
윈도우 cmd창에 다음 명령어를 입력한다.
npm install -g expo-cli
5. Expo 프로젝트 생성
expo init fucking-weather
프로젝트를 생성하면 template을 선택할 수 있는데 아무것도 없는 blank를 선택한다.
6. 프로젝트 실행
cd fucking-weather
npm start
만들어진 디랙토리로 이동 후, npm start를 입력하면
프로젝트가 실행되면서 자동으로 expo dev tool이 열린다.
7. 휴대폰에서 실행시켜보기
음.. 처음에 아이폰에서 fucking-weather를 열어보려고 시도했으나 운영체제가 window여서 그런지 실패...
안드로이드 폰을 주섬주섬 꺼내 다시 시도해봤다^^
안드로이드 폰을 일단 컴퓨터에 연결해준다.
안드폰이 컴퓨터에 연결된 상태에서 Run on Android device/emulator를 클릭하면
휴대폰에 Expo앱을 자동으로 설치해준다.
Expo 앱이 설치되고 나면 또 자동으로 fucking-weather앱을 실행해주는데 처음엔 약간 오래걸림. 인스타 보고 오셈
밑에 build되고 있는거 보이쥬??
빌드가 완료되면
짜쟌~
요기 expo app에서 핸드폰을 흔들어주면 개발자 모드로 들어갈 수 있음!!
이제 fucking-weather 프로젝트를 VSCode나 Atom 같은 텍스트 에디터를 사용해 편집해주면됨😊
- Total
- Today
- Yesterday
- 스택
- 코딩테스트
- 문자열처리
- 완전탐색
- BOJ
- programmers
- hash
- Permutation
- 해시
- SW Expert
- 딕셔너리
- C++
- SWExpert
- 재귀
- 파이썬
- 문자열
- 구현
- 프로그래머스
- dictionary
- 우선순위큐
- 순열
- 2020 KAKAO BLIND RECRUITMENT
- combination
- Python
- 백준
- left join
- 정렬
- 괄호
- 힙
- 2019 Kakao Blind Recruitment
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |