App6 React Native - 2. HOW React Native Works 실제로 React Native가 어떻게 동작할까? - RN으로 작성된 코드는 컴파일되어 IOS, Android에 equivalent 한 코드로 변환된다. - 각 컴포넌트는 그에 해당하는 Native code와 매칭된 구조 - 컴파일을 통해 RN 코드를 각 Native code로 변환시켜준다. - UI는 Compatible한 Component로 Compile된다 - Logic은 RN app에서 호스팅하는 JavaScript Thread에서 처리한다. - Equivalent UI Native Component가 있는 경우엔 컴파일 된다 - 일반 비즈니스 로직은 그대로 보존되고, App 내의 JS VM에서 동작한다. - JS VM 과 Native Platform을 Native API를 연결하는 Bridge가 .. 2020. 5. 11. React Native - 1. 초반 설정 및 핵심 컴포넌트 초반 설정 1. npm install -g expo-cli 를 통해 global에서 expo cli를 설치한다. 2. expo init --npm 을 이용해 프로젝트를 초기화한다 (--npm 안하면 yarn으로 패키지관리) 3. android studio에서 AVD (androdi virtual device) 를 생성하고 실행한다. - configure > AVD Manager > Create Virtual Device > System image는 Pie 선택 후 생성 4. npm run android를 통해 안드로이드 앱에서 RN을 실행시킨다. - 이 때 웹에서 화면이 자동으로 띄워지고, AVD에 앱이 설치되지 않은 경우 앱이 설치되고 실행된다. View 안드로이드와 ios에서 View는 스크린의 작은.. 2020. 4. 24. 이전 1 2 다음