React-Native

https://reactnative.dev/showcase.html

 

장점:

1. IOS, AOS 동시 개발

2. 자바스크립트만 알고 있으면 쉽게 시작

3. 구성요소(element)의 재사용 가능

4. Fast Refresh (수정>새로고침or수정>컴파일>새로고침 필요없이 즉각 반영)

5. 코드가 네이티브 엘리먼트로 전환되어 성능 향상. (코도바나 아이오닉은 웹뷰를 이용한 렌더링이라 느림)

 

단점:

1. 네이티브의 기능 지원이 순수 네이티브보다 적고 시간이 걸림.

2. 유지보수 (문제의 종류에 따라 원인을 찾고 문제를 해결하는 데 많은 시간)

3. 잦은 업데이트(ex.리엑트네이티브0.53->0.54 필요 리엑트16.2->16.3으로 변경됨)

 

동작방식:

1. 자바스크립트(javascript thread) <-> 브릿지 <-> 네이티브(main thread(UI), shadow thread(background), native module)(AOS경우 thread pool 공유)

2. 가상 DOM

데이터 변화 > 변화된 데이터를 이용하여 가상DOM 그림 > 가상DOM과 실제DOM 비교 차이점 확인 > 차이점만 실제DOM에 적용

3. JSX

JSX로 작성된 코느는 나중에 바벨(Babel)을 사용하여 자바스크립트로 변환됨.