React-Native 3

[React Native] React Navigation

페이지 간 이동을 할 때, Web과 달리, React Native에서는 Stack 구조로 되어있는 React Navigation을 사용한다. Web에서는 url을 통해 라우팅을 했다면, RN에서는 화면이 기존의 화면 위에 계속해서 쌓이게 된다. React Navigation을 사용하기 위해 npm install @react-navigation/native npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view npm install @react-navigation/stack 다음 명령어를 사..

React-Native 2023.07.19

[React Native] RN에서 Webview 사용하기

https://github.com/react-native-webview/react-native-webview GitHub - react-native-webview/react-native-webview: React Native Cross-Platform WebView React Native Cross-Platform WebView. Contribute to react-native-webview/react-native-webview development by creating an account on GitHub. github.com react-native-webview의 공식 문서에서 자세한 내용을 확인할 수 있다. react-native에서 Webview를 사용하는 방법은 생각보다 간단했다.. npm i ..

React-Native 2023.07.19

[React Native] Mac 개발환경 세팅

https://reactnative.dev/docs/environment-setup Setting up the development environment · React Native This page will help you install and build your first React Native app. reactnative.dev 자세한 세팅 방법은 React-Native의 공식문서에서 확인할 수 있다. brew --version 먼저 Homebrew 설치 여부를 확인해 준 뒤에, 설치가 되어있지 않다면 설치해준다. https://brew.sh/index_ko Homebrew The Missing Package Manager for macOS (or Linux). brew.sh 위 사이트에서 명령어를..

React-Native 2023.07.19