[처음 배우는 리액트 네이티브] 1장. 리액트 네이티브란? 장단점, 동작방식

https://reactnative.dev/

 

 

새해를 맞아 미루던 공부 시작.

시작은 한빛미디어에서 출판한 [처음 배우는 리액트 네이티브]

서점에서 훑어보지도 않고 바로 공부 시작할 계획으로 온라인 서평만 보고 즉흥적으로 구매.

목차대로 공부해나가면 엄청 깊이 있고 전문적이지는 않아도 원하는 어플 한두개는 만들고 배포까지 경험해 볼 수 있을 것 같아서 이 책을 선택했다.

시작부터 완벽하게 잡아나가고 싶어하는 성격을 최대한 제쳐두고,

가볍게 읽어가면서 클론코딩 완성에 목표를 두고 공부해보려고 한다.

올해 안에 작게나마 내 어플 마켓에 등록하는 것을 목표로..! 화이팅!!

 

1장. 리액트 네이티브란?

- 2015년 3월 페이스북에 의해 공개(오픈소스)

- 리액트 기반(자바스크립트 프레임워크)

- IOS, 안드로이드에서 동작하는 네이티브 모바일 앱 프레임워크(페이스북, 핀터레스트, 월마트 등)

 

1.1 장단점

1.1.1 장점

- 대부분의 코드가 플랫폼 간 공유 가능

- javascript만 알고 있어도 개발 가능(컴포넌트 재사용 가능)

- 즉각적인 수정 반영

- 웹뷰 방식이 아닌 각 플랫폼에 맞는 네이티브 엘리먼트로 전환 -> 성능저하 없이 개발 가능

 

1.1.2 단점

- IOS나 안드로이드의 새로운 기능 반영까지 오래걸림

- 유지보수 어려움

- 잦은 버전 업데이트로 인한 개발 방해(리액트 기반이기 때문에 리액트의 업데이트에도 영향 크게 받음)

 

 

1.2 동작방식

1.2.1 브릿지

- javascript 스레드의 정보를 받아 native로 전달

 

1.2.2 가상 DOM

- 가상DOM과 실제DOM의 개념을 두고 변화 -> 비교 -> 적용

 

1.2.3 JSX - javascript XML

- jsx로 작성된 코드를 바벨을 통해 javascript 코드로 변환