ReactNative - 리액트란? + 환경 설정

ReactNative - 리액트란?

• 페이스북에서 공개한 자바스크립트 UI 라이브러리.

  컴포넌트 단위의 개발이 가능하다.

  프레임워크가 아닌 라이브러리이기 때문에 다른 환경과 함께 사용이 가능하다.

• 가상 DOM 사용

  DOM(Doucument Object Model)은 정적인 UI이기 때문에 자바스크립트로 동적인 수정을 하면 페이지를 다시 그리는 과정에서 많은 시간이 들어간다. React는 가상 DOM을 사용해 변경된 부분만 처리하므로 빠른 처리가 가능하다.

• 단방향 데이터 흐름 지향.

  리액트는 기본적으로는 부모>자식 으로 단방향 데이터를 지향하지만 redux등 서브파티 라이브러리를 사용하면 유동성있는 데이터 처리가 가능하다.

• JSX 사용 권장

  XML 사용이 가능한 자바스크립트 확장문법. 어플리케이션의 처리 속도가 빠름

ReactNative - 리액트 환경 설정

ESLint 와 Prettier 익스텐션 설치

https://velog.io/@velopert/eslint-and-prettier-in-react

EXPO 설치, EXO 환경으로 초기화

 npm -g install expo-cli

 // 프로젝트 폴더가 생성된다
 expo init

/프로젝트 폴더/ 에서 추가 설치

 yarn add prop-types styled-components axios @expo/vector-icons react-navigation