본문 바로가기

React Native

(5)
Add Custom Fonts in React Native Add Custom Fonts in React Native https://youtu.be/EJ-feMLEvFA?si=BF50xCeAEWa-OSIr
React Native Vector Icons React Native Vector Icons https://youtu.be/ZI9cCrKaZJg?si=sV92Qn5wzmrKqlha
React Native App Icons & Splash Screens 1. The Ultimate Guide to React Native App Icons & Splash Screens https://youtu.be/_hgsAlPTGXY?si=dveJQRbpKA2J3l9a
React Native 환경설정 (v0.72 기준, for M1, ReactNativeCli) 1. React Native Cli 사용 비교 장점 단점 React-Native-Cli - Native 모듈 적용 자유도 높음 - 모듈 직접 제작 가능 - 빌드 제어 가능 - 환경구축 및 라이브러리 설치 관리 어려움 - Android Studio, Xcode설치하여 작업 Expo - 쉽게 앱을 제작하고 쉽게 빌드 가능 - Android Studio, Xcode설치 없이 가능 - 다양한 API 지원 - 제공되는 API만 사용가능 - 빌드 시간 10~30분 - 기능제한 2. node 설치 - nvm을 사용하고, nvm use 16 적용하여 실행한다 - 해당 프로젝트에 .nvmrc에 버전을 기입해두면, nvm use 만 실행하면, 기재된 버전이 자동 실행된다. // .nvmrc 파일생성 18.16.0 3. W..
React Native 개요 React Js와 차이 React Native는 webview 기반으로 실행되는 Hybrid App과는 달리, Javascript Engine만사용하고, webview가 아닌 Native UI를 직접 Bridge 하는 방식을 사용한다. iOS는 Safari에서 구동하는 Javascript Engine인 JavascriptCore를 사용하고, Android는 V8을 엔진으로 사용한다. iOS는 JIT compiler를 사용하지 않고, 대신 AOT(Ahead-of-Time)을 사용한다. AOT 컴파일러는 미리 컴파일된 코드를 실행하는 방식으로 작동한다. 반대로, Android의 경우 V8을 사용하기 때문에, JIT 컴파일러를 사용한다. 새로운 아키텍쳐는 Bridge라는 개념을 버리고, JavaScript ..