React Native 기본 알고가기

네이티브 앱은 각각의 기기에 맞게 자바스크립트 엔진을 이용하여 브릿지라는 중간을 이어주는 역할을 해서 해석해주는 형식으로 제작하는 방식이다. 3D 모델을 사용하는 무거운 프로그램에는 맞지 않을 수 있지만 편리하다.

 

이 부분이 브릿지 역할을 하는 부분이며, 그렇기 때문에 <div>와 같이 이루어져있는 구조이므로 항상 <View>와 <Text>안에 컴포넌트를 작성해야 한다. 이유는 브릿지 역할을 하는 것들 안에 있어야지 해석하여 보내주는 것이 가능하기 때문이다.

 

ㅣ위와 같은 경우는 CSS이다. 기존 CSS와 비슷하지만 자바스크립트의 객체처럼 사용한다. 왠만한 것은 다 되지만 안되는 것도 존재한다. 큰 상관은 없다. 이 부분에서 에러가 나면 당황하지 말고 재시작을 하면 된다.

 

일반 CSS를 사용하는 방법처럼 하면 안된다. 에러가 날 때에는 에러 메세지를 잘 보고 고치자.

위와 같이, Text에 스타일을 적용하기 위해선 style = {style.text}를 먼저 지정해주고 나서,  styleSheet 안에 text라는 것을 정의해준다. 여기서 px 같은 경우에는 적용이 안되기도 한다. 되는 것도 있고 안되는 것도 있으므로 주의해서 사용하자.

 

 

이렇게 소개와 세팅까지, 어떤 것인지 강의를 들어보았다. 다음에는 로직에 대한 강의를 들어볼 예정이다.

리액트와 비슷하지만, 웹 사이트와 앱을 만들기 위해서는 컴포넌트와 안에 동작하는 서버 등의 연결만 똑같이 하고 결국은 리액트 네이티브로 따로 만들어야 할 것 같다.