React Native가 너무 배우고 싶어, 취업 준비를 하면서 동시에 시작하기로 했다.
1. React Native의 정의
JS기반으로 모바일 어플리케이션의 UI를 개발할 수 있는 Native 개발 프레임워크.
iOS와 안드로이드 양쪽 다 대응이 가능하고, 앱스토어의 인가를 기다리지 않고 즉각적으로 수정 사항을 반영할 수 있는 Code Push 기능이 있어 경쟁자인 Flutter보다 유리한 측면이 있다.
2. 작동 방식
ReactJS는 가상DOM을 통해 브라우저의 DOM요소에 변화를 준다. 그렇다면 React Native는 어떻게 작동하는 지 살펴본다.
1. RN은 Bridge를 통해 작성되어 있는 JS 코드에 이벤트를 전달한다.
2. 전달된 이벤트는 JS를 통해 RN의 메소드를 작동시키거나, UI를 업데이트 한다.
3. 변경된 사항들은 Bridge를 통해 한번에 모여서 처리된다. (비동기)
4. RN은 그 변경 사항들을 프로세싱하고, UI를 변경시킨다.
Frontend Engineer