
ReactJS
1.HTML을 만든다.
2.ReactJS로 간다.
3.평범한 자바스크립드가되고 브라우저를실행시킨다.
React Native는 무엇인가
마치 앱 안에 있는 브라우저와 같다고 생각하지만 그건 진실이 아니다.
React Native는 브라우저를 사용하지않는다.
React Native는 번역기다.
인터페이스로 유저와 운영체제 사이에 있는거임
그래서 코드를 만들면 IOS 또는 JAVE 안드로이드코드로 변환됌
React Native"버튼그려주세요" => IOS"버튼표시해줌", 안드로이드"버튼 표시해줌"
React Native는 버튼을 만들지않음 브라우저는없고 Bridge라는게 있음
우리가해야될부분은 React Native 코드만 짜면되는거임
우리는 javascript만 쓸꺼임
1.화면에서 버튼누르는 Event 기다림 (Native쪽에서 기록됌)
=>2. IOS ,안드로이드는 터치 Event감지 및 수집(화면의 어디에서 event가 발생했는지)
=>3. React Natvie는 그정보를 가지고 JSON 메시지를 생성[Bridge]
=>4.javascript는 그 코드를 받음
=>5.이 코드를 실행
=>6. native에 메시지를 보내줌
=>7.native는 운영체제에 메시지에대한내용을 해주세요~
버튼을 누른다
=> natvie에 감지한다
=> 데이터가 수집된다.
=> 메세지가 자바스크립트에 전달된다
=>리액트네이티브가 코드를 받고
=> 브릿지에 전달
=>운영체제에 전달하여 실행시킨다.
결국에 돌아와서 우리는 앱을 만드는거야 Javascript 를실행시켜서 운영체제와 대화를 하는거임 (이모든것들을 만드는게 React Native)
안드로이드는 JAVA로만들고
IOS는 Objective-c와 Swift로 만들어짐