TIL_211110

네이티브 앱 설치방법

1. 리액트 네이티브

JS 하나로 안드로이드 앱과 iOS앱 두 가지 모두 만들어주는 라이브러리(도구)

2. Expo

리액트 네이티브로 앱을 개발할 때, 안드로이드 & iOS 코드를 건드려야 하는 대부분의 상황들을 안 건드려도 되게끔 도와주는 툴, 또한 앱 개발을 편리하게 해주는 도구들이 많이 존재,
Expo는 개발 중인 앱 테스트를 위한 Expo 클라이언트 앱을 제공

3. Node & Npm 설치

Node.js로 JS 개발 환경 구축(node.js 설치해줌)
cmd

node -v //사용자가 설치한 버전 나옴

npm은 필요한 JS 앱 개발 도구들을 가져와 사용한다.
cmd

npm install -g yarn //-g:  컴퓨터 전역적으로 설치하고 있는 도구 사용할 수 있게 한다

yarn은 npm 보다 가볍고 빠르게 자바스크립트 패키지를 관리 할 수 있게 해주는 자바스크립트 패키지 매니저 툴

yarn -v

4. Expo 명령어 도구 설치

npm install -g expo-cli

npm: 노드 패키지 매니저 명령을 실행하겠다
install: 설치하겠다
-g: 컴퓨터 전역적으로 설치하겠다 == 어디서든지 -g 다음에 오는 명령어를 사용할 수 있게끔!
expo-cli: 설치 할 패키지 이름

Expo에 가입후 cmd

expo login --username "Expo 사이트 가입당시 입력한 name"

입력

5. Expo 앱 만들기

폴더 만들어 Vscode 터미널 열기(ctrl_shift+`)

expo init sparta-myhoneytip-영어이름

blank 선택

cd sparta-myhoneytip-영어이름

expo start

-서버를 끌땐?

    윈도우 : 컨트롤 + c
    맥 : command + c

---

랜더링 :

JSX가 화면에 그려주는 행위,동작 / 함수가 return으로 반환하는 것

<>:

태그 / element

JSX :

(1) 모든 태그는 가져와서 사용함(View, Text 등 문법 리액트 네이티브에서 제공하는 것)
(2) 태그는 항상 닫는 태그와 자체적으로 닫는 태그를 구분해서 사용해야 함!
(3) 모든 엘리먼트는 감싸는 최상위 엘리먼트가 있어야 함. 엘리먼트는 곧! 태그 <> 입니다
(4) return에 의해 렌더링 될 땐 항상 소괄호로 감싸져야 한다.
(5) JSX 문법 밖에서의 주석과 안에서의 주석은 다르다!

TouchableOpacity:

영역을 가짐(카톡방처럼),
(+onPress) 버튼이 아니더라도 영역을 클릭하는 기능까지 같이 구현, 
간편하게 기능붙일 수 있음