react.native 사용 방법 작성중

react.native

• Node.js 설치(LTS : 안정성이 높은)
• NPM 설치
• NPM 으로 react native를 설치

터미널 명령어 TIP

• pwd : 현재 위치가 어디인지
• cd + enter : 기본 홈( 내 홈으로 가는 ), root 위치로 가는
• whoami : 내가 누구인지
• cd ~ : 기본 홈, 내 위치로 (cd + enter 와 동일)
• Dir도 파일이다. 모두 파일이다. 8진수로 만들어진 각각의 앨리어스(ALIAS) 일 뿐이다.
• ls, ls -al : 현재 디렉터리에 있는 것들을 보여준다.
• mkdir 폴더명 : 폴더 생성
• man ls : ls명령어의 옵션을 확인할 수 있다. (원하는 명령어를 man을 사용해서 옵션을 확인한다.)
• q : quit 나가다

react native 프로젝트 생성 방법

• 프로젝트를 관리할 폴더에서 react native를 설치한다.

• 공식 사이트를 참고하면 좋다.

  npx react-native init AppName 

• spring의 maven 대신 npm을 사용한다.

• react-native를 설치하다보면 cocoapods를 설치하는데, 시간이 오래 걸린다.

"CocoaPods는 Swift 및 Objective-C 코코아 프로젝트의 종속성 관리자입니다. 
28,000 개가 넘는 라이브러리를 가지고 있으며 
170 만 개가 넘는 응용 프로그램(앱)에서 사용되고 있습니다.
 CocoaPod은 프로젝트를 우아하게 확장 할 수 있도록 도와줍니다."

• ECMAscript 또는 typescript 라고 말하기.

• import 를 할 때는 확장자를 쓰지 않는 것이 규칙이다.

  App.js
  App.jsx
  App.ts
  App.tsx
  를 가져온다.

• 그러므로 디렉터리명이 중복되지 않도록 이름 짓는다.

• import {name as AppName } from './app.json';

  • name을 AppName이라고 자동 설정해준다. 변경해서 사용 가능.

• import {AppRegistry} from 'react-native';

  • node-modules 폴더에서 해당 라이브러리를 가져온다.

프로젝트 실행 순서

• index.js 파일이 가장 먼저 시작된다.
• 모든 설정을 받아와 실행한다.

맥 사용 TIP

• window의 CMD를 맥에서는 콘솔, 터미널이라고 칭한다.
• ctrl + space : 한영키
• Visual Studio Code 에 로그인해 놓으면 내가 설치한 플러그인 등을 그대로 사용할 수 있다.
• mac ctrl -> window key