React Native Study

(필자는 Android 유저)Expo를 통해 리액트 네이티브 앱을 실행하려고 npm start 명령어를 입력하고 그리고 Expo Go 앱을 설치해서 QR을 찍고 앱을 구동하려고 하는데 계속해서 network timeout error가 발생했었다.Expo issue so

다음과 같은 메인 화면의 UI를 core Component를 활용하여 구현을 진행해보겠습니다.웹상에서 리액트로 개발을 진행했을때도 최상위 컴포넌트는 App 컴포넌트였습니다. 따라서 MainScreen.js 이라는 메인화면을 구현한 컴포넌트를 import를 합니다.Jav

React Native에서는 따로 CSS로 스타일링을 하는 것이 아닌, JavaScript로 스타일링을 진행합니다. 따라서 JavaScript로 스타일링을 진행하기 위해서 StyleSheet 객체를 활용합니다. 기본적으로 React Native의 모든 core Comp

React Native는 SVG 파일을 지원하지 않기 때문에, 사용할 수 있도록 설정 및 구현이 필요합니다.SVG 파일을 실질적으로 import해서 사용하게끔 해주는 모듈 시스템SVG site 해당 사이트에서 원하는 Icon을 다운로드 받은 후, assets 폴더에 옮

개발환경: Windows (bash창 말고 cmd창에서 수행했습니다.)첫번째로는 expo-cli 가 깔려있어야 한다. 하지만, expo-cli --version 나 expo --version을 cmd창에 입력해도 버전이 뜨지 않을것이다. 를 입력하여 내 npm이 전역적

메인 화면과 로그인 화면 간 이동을 React Native 환경에서 구현하기 위해서 아래와 같은 순서를 거칩니다. React Native에서는 React Navigation 이라는 모듈을 별도로 설치하여 구현할 수 있습니다. React Native docs 에 나와있는

React Native CLI를 활용하는 이유는 바로 React Native가 cross platform이라는 점을 적극 활용한다는 점입니다. 즉 기존 Expo 환경에서 개발을 수행했을때는 Native관련 모듈들을 다룰 수 없었기에 고도화된 프로젝트를 만드는데 분명한