거니의 velog

3. 새 리액트 네이티브 프로젝트 만들기* 새로운 리액트 네이티브 프로젝트를 만들어 보자. 다음 명령어를 터미널에 입력해 보자.npx react-native init LearnReactNative* npx는 Node.js와 함께 설치되는 도구로, Node.js 환경에서 구동되는 CLI 도구들을 간단하게 사용할 수 있게 해 준다.* 이 명령어를 실행하면 터메널의 현재 작업 중인 디렉터리에 LearnReactNative라는 디렉터리가 만들어지며, 이 디렉터리 안에 리액트 네이티브 프로젝트 관련 파일들이 준비된다. 해당 디렉터리를 VS Code로 열고, package.json 파일을 열어 보자.* script 부분에 다음과 같이 설정된 것을 확인할 수 있다.{ "name": "LearnReactNative"..

(1) Node.js와 npm 설치하기* Node.js는 웹 브라우저가 아닌 환경에서도 자바스크립트를 실행할 수 있게 해주는 Chrome V8 Javascript 엔진으로 빌드된 런타임이다. 이를 통해 리액트 네이티브로 개발할 때 필요한 도구들을 사용할 수 있다.* npm은 자바스크립트 프로젝트를 위한 패키지를 관리하는 도구이다. npm은 Node.js를 설치할 때 자동으로 함께 설치된다. Node.js 버전은 LTS 버전을 사용해야 한다.* 윈도우 환경에서는 Node.js 공식 홈페이지에 접속해 좌측의 LTS 버전을 눌러 설치 파일을 다운로드하고 이를 실행하자.<br ..

1. 리액트 네이티브란? * 리액트 네이티브는 자바스트립트와 리액트 라이브러리를 사용해 네이티브 앱을 개발할 수 있게 해주는 기술이다. 이 기술을 사용해 만든 앱은 애플(Apple)의 iOS 환경에서도, 구글(Google)의 안드로이드(Android) 환경에서도 구동할 수 있다. 주로 모바일 앱을 개발하거나, 모바일 디바이스에 국한되지 않고, VR(가상 현실), 윈도우(Windows), TV 등의 환경에서도 사용할 수 있다. * 즉, 리액트 네이티브를 사용하면 리액트에서 사용하는 기술을 웹 브라우저에 한정시키지 않고 iOS 및 안드로이드 환경에서 구동하는 애플리케이션을 만들 수 있다는 말이다. * 리액트 네이티브를 사용하면 자바스크립트로 네이티브 앱을 만들 수 있기에 자바스크립트로 작성한 코드가 네이티브..