February 15, 2023
React Native 공식 문서 참고 관련 프로그램 설치 1. Node & Watchman 2. Ruby 3. Xcode IOS app store 4. CocoaPods React Native 설치 (택1) 일반적인 방법 ignite 한꺼번에 설치하고 싶을 때, 설정까지 다 되어있음 https://github.com/infinitered/ignite C…
February 20, 2023
🔥 React Native 튜토리얼 React Native는 웹브라우저가 아닌, IOS와 안드로이드 같은 운영체제와 소통 하기 위한 도구(인터페이스)이다! 1. No DIV, Use View React Native는 웹사이트가 아니기 때문에 html 태그 (div, section, p..)를 쓸 수 없다. 대신 컨테이너로 대신 를 사용한다. 모든 Vie…
February 24, 2023
AppLoading 이란 React Native가 앱을 초기화(API 호출, 데이터베이스 로딩, 이미지 파일 다운로드)하는 동안 로딩 화면을 보여주는 컴포넌트 Installation Props : 로딩이 끝나면 호출되는 함수 : 에러 발생 시, 실행시킬 함수 : Promise가 resolve되거나 종료되었을 때 promise를 반환해주는 함수 (로딩…
March 01, 2023
React Navigation 설치 React Native 프로젝트에서 React Navigation을 사용하면 앱 내에서 다양한 화면 간에 네비게이션을 쉽게 구현할 수 있다. React Navigation Docs 설치 MAC 사용자는 추가로 설치 Bottom Tab Navigation React Navigation로 화면 하단에 탭 네비게이션 UI를 …
March 07, 2023
Stack Navigator 종류 React Navigation에서 Stack Navigator를 사용하여 화면 간 전환을 쉽게 구현할 수 있다. Stack Navigator에는 JavaScript로 구현된 기본 Stack Navigator와 native API를 사용한 Native Stack Navigator가 있다. 차이점 Stack Navigator…
March 10, 2023
React Native Theme React Native 앱에서 다크 모드와 라이트 모드를 지원하는 것은 사용자 경험을 향상시키는 중요한 요소이다. Dark & Light 테마를 설정하는 방법과 Theme Hook을 사용하는 방법을 알아보자! 테마 변경 단축키 Shift + Command + A (맥 기준) Theme 설정 방법 useColorScheme…
March 21, 2023
프로젝트 초기화 https://expo.dev/ 회원가입 후, 프로젝트 만들기 PC에 expo 설치하기 (command lines) Window iOS 휴대폰에 expo 설치 후 회원가입하기 : [안드 로이드 → Expo 설치] [IOS → Expo Go 설치] PC에 프로젝트 폴더 생성 후, QR코드 발급받기 터미널에 나타난 QR코드를 휴대폰 카메라로 …