react-native를 시작하면서/window 개발환경 설정/오류 해결_1

 

 

 

 

 

 

 

 

react-native는 전용 툴이 없기 때문에 만만히 보면 절대 절대 xxxxxxx ......

javascript , vue 때고 나서 하 나도 이제 좀 굳굳 ㅇㅈ? 했다가 된통당했다....(개발환경만 삽질 5일함)

 

우선 window 개발환경 설정하면서 내가 느낀거, 오류 해결한거 끄적여 봄

 

 

우선 난 책은 do it! 리엑트 네이티브 책을 사용함(살꺼면 구글도서에서 ebook 으로 ㄱㄱ)

 

https://book.interpark.com/product/BookDisplay.do?_method=detail&sc.prdNo=349167930&gclid=CjwKCAjw0a-SBhBkEiwApljU0oTXCh5yzDrIZQf3DggXZXB6oQETnZNJoRNsnWrGhjrnRgpZ3Rn7gRoCO3gQAvD_BwE 

싸니까 믿으니까 인터파크도서

 

 

이 책은 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

[React Native] Expo CLI와 React Native CLI

 

 

그럼 우선 이거 부터 본다

그래도 모르겠다? 그럼 그냥 내가 산 책이나 강의가 typescript 기반이다 그럼 expo다 라고 생각하자

 

 

 

 

리엑트 네이티브 개발환경에서 필요한건 node.js, vs code, android studio 이다.

큰 틀은 이렇다. 개발환경이 많기 때문에 웹 사이트에서 일일히 내려 받음 귀찮

그래서 이 책은 scoop로 한단다

 

나쁘지 않아서 나도 이걸로 ㄱ

 

 

https://que-n-a.tistory.com/entry/React-native-%ED%99%98%EA%B2%BD%EC%84%A4%EC%A0%95?category=1218131?category=1218131 

React-native 개발 환경 구축 [Windows]

 

 

 

 

뻔한 정식 개발환경 설정은 그냥 이걸로 ㄱ(이 분 정말 정리 잘하심 ㄳㄳ)

나는 내가 했을 때 엥? 이렇게 했는데 왜 안되지? 부분만 할꺼다

 

 

 

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)

[scoop] Couldn't find manifest for 'adopt8-hotspot'. 에러 발생 시 해결법

 

 

이 분이 날 살렸다. 올해부터 바뀐건진 모르겠지만 이때까지만 해도 몰랐다 이게 제일 귀찮은 놈인지를

이 블로그가 문제는 ㄴㄴ

 

 

 

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 

 

[React Native] 윈도우 개발 환경 설정#6 - 안드로이드 스튜디오 설치 및 환경 설정

 

 

 

 

안드로이드 개발환경은 이거 보고 했다

다만 다른 점은 환경변수 ! 우리는 scoop로 적용하도록 했기 때문에

환경변수가 다르다

 

 

 

 

내껀 이걸로 했당

 

 

일단 여기까즤 너무 길어져서 다른데 다시 쓰겠당