1장 리액트 네이티브란?

#사용자 인터페이스 (user interface) 용어 정리
#API 용어 정리
#장점과 단점 더 깔끔히 정리할 필요 있어보임
#이번 파트는 간단하게 정리만 하고 넘어가겠음 (실습하다보면 자연스레 이해가 될 것 같음)

1.1 리액트 네이티브의 장점과 단점

1) 리액트 네이티브의 장점

• 작성된 코드 대부분 플랫폼 간 공유가 가능해서 두 플랫폼(iOS, 안드로이드)을 동시에 개발할 수 있음.
• 모바일 개발에 대한 지식이 없어도 자바스크립트만 알고 있으면 쉽게 시작할 수 있으며, 작성된 구성 요소들이 재사용 가능함.
• 변경된 코드를 저장하기만 해도 자동으로 변경된 내용이 적용된 화면을 확인할 수 있는 패스트 리프레쉬(Fast Refresh)기능을 제공하고 있음.
• 작성된 코드에 따라 각 플랫폼에서 그에 알맞은 네이티브 엘리먼트(element)로 전환되기 때문에 큰 성능 저하 없이 개발이 가능함.

2) 리액트 네이티브의 단점

1.2 리액트 네이티브의 동작 방식

1) 브릿지

2) 가상 DOM

• 리액트 네이티브의 동작 방식을 이해하려면 데이터가 변할 경우 자동으로 화면을 다시 그리는 리액트의 가상 DOM에 대해 이해해야 함.

3) JSX

• 자바스크립트 확장 문법으로 XML과 매우 유사
• UI 작업 할 때 가독성에 도움을 줄 뿐만 아니라, 바벨이 코드를 변환하는 과정에서 오류를 쉽게 감지해주는 장점이 있음.
• 리액트에서 많이 사용하고 있음.
• JSX로 작성된 코드는 바벨(Babel)을 사용하여 자바스크립트로 변환함.

1.3 마치며