-
react-native를 시작하면서/window 개발환경 설정/오류 해결_1app/react-native 2022. 4. 6. 16:06반응형
react-native는 전용 툴이 없기 때문에 만만히 보면 절대 절대 xxxxxxx ......
javascript , vue 때고 나서 하 나도 이제 좀 굳굳 ㅇㅈ? 했다가 된통당했다....(개발환경만 삽질 5일함)
우선 window 개발환경 설정하면서 내가 느낀거, 오류 해결한거 끄적여 봄
우선 난 책은 do it! 리엑트 네이티브 책을 사용함(살꺼면 구글도서에서 ebook 으로 ㄱㄱ)
이 책은 window mac android ios 전부 보여줘서 좋은데 tyscript 기반이다(<- 이 말이 진짜 중요함 뒤에 설명 ㄱ)
이 책보고 개발환경 설정했는데 이 책은 2021 기준이기 때문에 2022년도 뒤로 개발환경설정하려면
절대절대 책대로만 하면 안될 거다.... 그러니 본 블로그는 참고만 바람 책이랑 똑같은 부분이나
다른 블로그도 있는 부분은 걍 과감히 생략할꺼다
개발환경 설정할때는 처음부분만 보고 어? 할 수 있겠는데? ㄱㄱ 하지말고
꼭 처음부터 끝까지 보고 제대로 이해하고 바꿔봐야 한다 안 그럼 진짜 이도저도 망함
내가 정답이 아니니 제발 본인이 생각했을 때 맞으면 ㄱㄱ
우선, 리엑트 네이티브를 처음 시작할 때
react-native cli vs expo cli 부터 나옴
처음엔 엥? 이게 몬소리지 한다.
https://velog.io/@wook4506/React-Native-Expo-CLI%EC%99%80-React-Native-CLI
그럼 우선 이거 부터 본다
그래도 모르겠다? 그럼 그냥 내가 산 책이나 강의가 typescript 기반이다 그럼 expo다 라고 생각하자
리엑트 네이티브 개발환경에서 필요한건 node.js, vs code, android studio 이다.
큰 틀은 이렇다. 개발환경이 많기 때문에 웹 사이트에서 일일히 내려 받음 귀찮
그래서 이 책은 scoop로 한단다
나쁘지 않아서 나도 이걸로 ㄱ
뻔한 정식 개발환경 설정은 그냥 이걸로 ㄱ(이 분 정말 정리 잘하심 ㄳㄳ)
나는 내가 했을 때 엥? 이렇게 했는데 왜 안되지? 부분만 할꺼다
1. scoop 설치
별거 없었음 c드라이브에 잘 들어갔는지만 확인 ㄱㄱ하면됌
환경변수가 중요하니 꼭 먼저 만들어놓고 scoop 설치하자
2. node.js 설치
scoop install nodejs-lts
이 부분에서 어려운거 없네
하고
node -v
하려는데
node가 없다고 뜬다 엥
뭐야뭥ㅑ뭐야뭐야 다시 위에 꺼 쳐봤는데도 설치됐다고 뜨는데 version 보려고 했는데 없다
나만 문제인가 엄청 걱정했는데 걱정 ㄴㄴ였다
실제 프로그램만 안깔린거여서 그냥 node.js 사이트가서 다운받음 된다
다시 쳐보면 된다
3.jdk 설치
하 이게 진짜진짜진짜 짜증제대로다
scoop install git
scoop bucket add java
scoop install adopt8-hotspot
java -version
똑같이 따라하려는 adopt8-hotspot이 설치가 안된다는 것이다
아;;;;;;;;;;;;;;;;;;; 이때 든생각 왜 만날 나만 이래?
다들 잘 설치하는데 또 나만 안되는 이기분..... 그래서 구글링했다 근데 안나옴
해서 네이버링 했다
[scoop] Couldn't find man.. : 네이버블로그 (naver.com)
이 분이 날 살렸다. 올해부터 바뀐건진 모르겠지만 이때까지만 해도 몰랐다 이게 제일 귀찮은 놈인지를
이 블로그가 문제는 ㄴㄴ
4.vscode 설치
scoop bucket add extras
scoop install vscode
여기도 문제없다 하지만 vscode 안에서 하는 환경설정이 많은데 일단 그건 나중에 ㄱ
5.android studio 설치
scoop install android-studio android-sdk
난 그냥 이부분만 했다 본인이 생각했을 때
내컴퓨터는 윗부분도 해야될 거 같음 하면 된다 굳이 필요 ㄴㄴ 이것만 해도된다
이게 기본적인 scoop 설치인데
vscode 와 android 환경설정을 해야한다.
android 먼저 환결설정 해주자
책에선 분명 이렇게 하면 android studio 가 뜬다는데 난 안뜨는것이다...!!!!
진짜 나한테 와이와이와이와이라노!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
됐고 그냥 안드로이드 스튜디오 새로 깔았당...
여기서 새로 깔때 위치가 중요한가 했는데
노 중요 그냥 안드로이드 스튜디오가 처음 깔려고 했던 위치로 깔면 된당
- 안드로이드 환경설정
https://ninedc.tistory.com/72?category=924785
안드로이드 개발환경은 이거 보고 했다
다만 다른 점은 환경변수 ! 우리는 scoop로 적용하도록 했기 때문에
환경변수가 다르다
내껀 이걸로 했당
일단 여기까즤 너무 길어져서 다른데 다시 쓰겠당
반응형'app > react-native' 카테고리의 다른 글
<react-native>view 컴포넌트와 css 박스 모델/자원과 아이콘 사용하기 (0) 2022.04.11 <react-native> faker / error 확인 (1) 2022.04.09 <react-native> style 속성과 styleSheet API ... (0) 2022.04.09 <react-native> Button, alert, ... (0) 2022.04.09 react-native를 시작하면서/window 개발환경 설정/오류 해결_2 (0) 2022.04.06