본문 바로가기

나의 React 개발기록/React Native

npx react-native init 쓰면 불편하다! 왜 ? - ignite로 React Native 프로젝트 생성하기 !
나의 React 개발기록/React Native 2022. 8. 30. npx react-native init 쓰면 불편하다! 왜 ? - ignite로 React Native 프로젝트 생성하기 ! react-native cli 명령어로 항상 프로젝트를 만들었지만, 자주 RN 프로젝트를 만들고 활용할것들이 많다면 기본 세팅들이 되어있는 방식으로 프로젝트를 만들자 ! npx react-native init 을 하게 되면 ! 기본 react- native 뼈대가 존재하는 RN 앱을 만들수 있다. -> 기본 어플이 생긴다는 뜻 ! ios와 안드로이드 폴더에 접근 가능한 단순한 자바스크립트! 하지만 나는 npx create-react-native-app을 사용한다 ! -> expo 기반의 뼈대로 만들어지며, 다양한 네이티브 api를 사용할 수 있다 ! native init 보다 빌드가 빠르고 초반에 앱작업하기에는 제약이 없기 때문에 나중에 제한되는 부..
ReactNative에서 Platform 속성을 이용하여 작동중인 운영체제 파악하기! (ios, android, RN web 별로 다른 조건 적용시키기) & app.json이란?!
나의 React 개발기록/React Native 2022. 8. 26. ReactNative에서 Platform 속성을 이용하여 작동중인 운영체제 파악하기! (ios, android, RN web 별로 다른 조건 적용시키기) & app.json이란?! AsyncStorage에 저장했던 객체들을 삭제하는 함수가 있었는데, Alert를 사용해서 다시 확인하는 로직을 짰었다. 하지만 문제가 생겼던것은 react Native Web에서는 alert 기능이 없기 때문에 해당 함수가 작동되지 않아서 삭제 기능을 구현할수 없었다..! 그래서 로직을 나눠주어야 했다. 앱이 web에서 작동 될때 / 아닐때 (ios, android...) -> 해당 값은 Platform.OS 로 손쉽게 접근할수 있다! - ReactNative app.json파일이란? ReactNative 프로젝트를 expo로 만들게 되면, app.json 파일이 생긴다. app.json 파일은 어플리케이션을 내가 원하는대로 만들기 위해 편집해야하는 파일! 이다 -> https://docs.expo.d..
ReactNative EXPO로 만든 앱 공동작업&시연을 위한 배포하는법
나의 React 개발기록/React Native 2022. 8. 25. ReactNative EXPO로 만든 앱 공동작업&시연을 위한 배포하는법 7월부터 리액트 네이티브 세션을 진행하게 되면서, 세션 자체는 간단한 3일짜리 기본적인 리액트 네이티브 였지만 리액네 공부를 시작하게 되었다! 아직은 데이터 통신이 되지않는 간단한 프로젝트밖에 만들어본적 없지만, 제대로 프로젝트를 공부해보기에 앞서 배포를 공부해보자! 1. 개발자 도구의 Publish or republish project를 봐보자! -> 나의 자바스크립트 코드가 expo 웹사이트로 보내지게 된다. 사람과 코드를 공유할수 있도록 보내진다. 2. 배포하고자 하는 어플리케이션의 정보를 입력한다. -> 이름과 url 그리고 github정보를 쓴다! 그러면 버튼을 누르기 전에 이러한 문구가 나온다 Once you publish your project, you will be able to view ..

티스토리툴바