[React Native] 생초보가 기초만 이해해보기

0. 들어가면서

 설치하고 하는건 알겠다. 근데 무슨말인지 모르겠다. 나는 지금 프로젝트하던 중 백엔드만 하다가 프런트에서 카카오 연동도 해달라고 해서 아무것도 모르고 아무꺼나 하고 있다. 일단, react도 모르면서 react Native를 공부하고 있기 때문에 포스트의 흐름은 초보자의 기준으로 진행하겠다.

 

 

 

 

1. 리액트와 리액트 네이티브는 다른건가요?

리액트 네이트브의 가장 큰 특징은 리액트를 사용하는 것이다. 따라서 리액트에 대해 먼저 알아야 한다. 리액트는 오픈소스 자바스크립트 라이브러리이다. 그리고 기존의 HTML에서 사용하는 DOM을 가상DOM(virtual DOM)으로 대체한다. 쉽게 말하면 HTML에서 사용하는 돔은 불필요한게 많은데 다 치우고 실제 바뀌는것만 적용한다는 느낌으로 이해하자.

 

 다른 자바스크립트 프레임워크나 MVC 프레임워크와 다르게 리액트 네이티브는 단방향 데이터 흐름을 채택했다. 리액트에서는 최상위 컴포넌트에서 아래 모든 방향으로 단방향 데이터 흐름이 만들어진다. 쉽게 설명하면 리액트는 컴포넌트라는 것으로 이뤄져 있는데, 이 컴포넌트는 계층관계를 가지고 최상위 컴포넌터에서 data를 받은  후에 하위 컴포넌트로만 데이터를 전달한다고 보면된다. 이때 자식 컴포넌트는 props라는 것으로 data를 전달 받는다.

 

 리액트 네이티브는 트랜스파일링 과정에서 기본적으로 내장된 바벨(Babel)을 사용한다. 바벨은 트랜스파일링 오픈 소스 도구로 최신 자바스크립트 언어의 기능까지도 바로 사용할 수 있도록 코드를 변환해 준다. 개발자가 바벨에 추가하기만 하면 즉시 원하는 기능을 사용할 수 있다.

 

 

 

 

2. Expo CLI, React Native CLI 뭐지?

 이건 내가 정리하기 애매하다. 우리도 처음에는 외부 API 라이브러리 쉽게 따려고 React Native 를 하다가 Expo CLI를 사용한다. 이건 프로젝트 환경에 맞게 편한 것을 선택해보도록 하자. 물론... 엄청 잘한다면 하고 싶은것 해도된다.

 

 

 

 

3. 프로젝트 시작하면 뭐 많던데 어디서 부터 시작하나요?

 App.js에서 시작합시다.