[React-Native] 환경 설정을 해보자! (Vscode 절망편..)

vscode로 작업할라고 욕심내고 5시간을 날리면서 고생했는데.. 저는 예~전에 android_studio를 깔아서 연결이 잘 안되서 그런지 결국 안됬지만 다른 부분의 애러는 전부 해결했기에 혹시나 해서 올려봅니다.

 

근데 어차피 vscode로 작업한다고 해도 android_studio를 깔아서 이용해야 하기도 하고.. 호환 문제도 있고 오류도 너~무 많은데.. 그냥 android-studio로 하는건 어떨까요? 저는 몹시 후회 중 입니다.

[React-Native] Android-Studio에서 작업하기 (희망편)

 

제가 android-studio로 성공한 과정을 더~욱 상세히 적어놨습니다. 지금 이 포스팅에서 30분 이상 소비했는데 안된다 하면 바로 위로 달려가시면 될 것 같습니다...

 

1. Android Studio 설치 및 설정

Android Studio 설치하고 SDK 34, gradle upgrade 해주면 됩니다.... 

추가적으로 SDK Manager에서 SDK Platforms, Show Package Detail을 체크하시고 SDK 34를 다운받아주시면 됩니다!

그리고 주의할 점은 체크박스에 뭔가 색칠되있어도 된게 아니라... 잘 확인해야 되요.. 

저 사진에서 -로 되있는 거는 전부 설치되진 않았다는 뜻이라서 무조건 √ 모양 이여야 합니다.

그리고 환경 변수 설정도 굉장히 중요한데요.. 많은 블로그들이 살~짝씩 다르지만 그나마 Error를 없애줬던 것은 아래의 설정과 같습니다.

 

 

ANDROID_HOME -> C:\Users\유저이름\AppData\Local\Android\Sdk
JAVA_HOME -> C:\Program Files\Java\jdk-17

= Path에 추가할 것들 =
%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\build-tools
%ANDROID_HOME%\tools
%ANDROID_HOME%\emulator

 

환경 변수 설정하고 왜 안되지? 하지 마시고 재부팅 하시면 잘 될거에요.. 저는 저것들 때문에 일단 2시간 날렸습니다.

 

2. JDK 다운..

이것도 제가 많은 시간을 소비한 것 중 하난데요.... 그나마 최신 블로그들 보고 따라한다고 했지만 몇 블로그들이 chocolate? 인가 하는 것을 사용해서 jdk 1.8 버전을 다운받는 걸 보고 저도 그렇게 했는데... Error코드는 까먹었지만 gradle.build라든가 뭐 Not found~ 이런 에러가 뜨더라구여... 근데 gradle이 적용될라면 jdk 16~20 버전에서만 유효하기 때문에 jdk 17을 다운받아서 사용하니 해결됬습니다! 

 

3. Emulator 

Device Manager 에서 Emulator 다운받은 후 사용할 에뮬레이터를 오른쪽에 보시면 아래쪽 삼각형(화살표)가 있는데 클릭하면 Wipe Data 가 있을 겁니다. 그것을 클릭해주면 아마 몇 Error가 사라지는 것을 볼 수 있습니다.

 

4. 그래도 안되면(Vscode가 안되면)?

그냥 vscode말고 android studio 에서 개발하면 됩니다...이것은 따로 설정할 필요 없이 npm i (react-native / react-native-cli ) 후 npx react-native init 이름 을 통해 모든 설정을 자동으로 진행시켜 줍니다.. 

 

5. 만능 Android Studio

일단 숭배 먼저 하고 갈게요... 제 구세주 그저 "GOAT"

위의 공통된 설정은 다 해주시고 아마 크게 2가지 오류가 발생할 수도 있습니다 

 

1) SDK 충돌...

이유는 버전이 다른 SDK들이 그냥 충돌을 일으키는 건데... 제가 할 땐 34, 33, 32 여~러개가 설치되있었는데... SDK34빼고 다 지우니 해결 됬습니다 

 

2) device 연결

device manager에 들어가서 설치한 emulator 선택하고 플레이(?) 버튼을 눌러주시면 활성화 됩니다!!!

 

 

 

후기

내 5시간 어디로...? 빼애애애애ㅐㄱ

 

오늘 너무 쫌 포스팅 작성을 그렇게 해버렸데... 죄송합니다. 쫌만 고치면 괜찮겠지~ 하다가 5시간을 넘겨서.. 멘탈이 나갔어요.. 다음부턴 기록하도록 하겠습니다.

 

그리고 Android Studio에서 설정하는 자세한 방법은 따로 포스팅할게욥..