React-Native 및 VScode 설치하기

안녕하세요! 첼린지맨입니다.

포스팅이 많이 뜸했는데, 여러일로 귀차니즘에 빠졌다가 다시 공부한 내용들 정리할 겸 작성하게 되었네요.

우선 최근에 공부했던 React-Native에 대한 내용 공유 전에 개발 환경 셋팅에 대한 부분은 포스팅하고자 합니다.

 

1. React-Native 다운로드하기

아래 링크를 통해 최신버전을 설치하시면 됩니다. 단지 베타 버전이 아닌 LTS (Long-Term Support) 버전에 대한 다운로드를 하는 것이 좋습니다. 저의 경우는 18버전 이상에서 스마트폰 직접 연결 시, 연결이 제대로 되지 않아서 14버전으로 다운그레이드해서 사용을 했습니다. 18버전의 문제라기보다 Failed to transform react-native-0.71.0-rc.0 라는 에러가 발생하면서 빌드가 되지 않았습니다. 

2023.01.03 - [IT 정보, 프로그래밍/React-Native] - React-Native 빌드 에러 (Failed to transform react-native-0.71.0-rc.0)

React-Native 빌드 에러 (Failed to transform react-native-0.71.0-rc.0)

위와 같은 에러가 발생하시는 분들은 위에 올려놓은 저의 이전 블로그 글을 참조해주시면 되겠습니다. 해당 버전에 문제가 있어 페이스북에서 개선한 내용이 있습니다.

 

https://nodejs.org/ko/download/

다운로드 | Node.js

위의 방법으로 다운로드를 해도 되고, NVM 또는 NPM을 이용해서 설치를 하셔도 됩니다. 패키지 관리자를 설치할 경우, 터미널을 실행 후, 아래 내용을 입력하여 설치를 하면 됩니다. (버전을 선택해서 설치가 가능함)

npm install

nvm install 버전

2. VS Code 다운로드하기

VSCode도 아래 링크에서 다운로드를 진행하면 됩니다. 최신버전으로 설치하면 되고, 본인의 OS에 맞게끔 다운로드하시면 되겠습니다.

https://code.visualstudio.com/download

Download Visual Studio Code - Mac, Linux, Windows

3. Android Studio 다운로드

저의 경우는 React-Native를 이용해서 어플 개발 공부를 하고자 하였기에 Android Studio도 설치하였습니다. 저처럼 어플 개발 공부를 하고자 하시는 분들은 Android Studio를 다운로드하셔서 SDK Manager에서 설정을 해주셔야합니다. 

SDK Manager → SDK Tools로 이동한 후, 아래 4개 설치해주시고, 가상 디바이스 설정 또는 실기기로 확인하시면서 개발하면 됩니다.

 

 - Android SDK platform-tools

 - Android SDK Tools

 - Google USB Driver

 - Google Play Licensing Library

위 세가지를 모두 설치하셨다면 React-Native를 이용한 어플 개발 환경 준비를 모두 마쳤습니다. 이후에 앱 생성을 위해서 프로젝트를 관리하고자 하는 폴더로 이동한 후, 아래 명령어를 통해 앱 생성을 진행해주세요.

sh create-app.sh --name "앱이름" --bundle "번들" --password "비밀번호"

그럼 앱이름의 폴더가 생성되면서 여러가지 필요 파일들이 생성됩니다.