민팽로그

status bar? 페이지마다 색을 다르게 설정하거나 투명하게 하는 등 디자인 요소를 추가해 줄 수 있음 https://reactnative.dev/docs/statusbar StatusBar · React Native Component to control the app status bar. reactnative.dev https://docs.expo.dev/versions/latest/sdk/status-bar/ StatusBar - Expo Documentation Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. docs.expo...

React Native로 앱을 개발 시 알아야 하는 React 개념 -컴포넌트(Component) - 상태(State,useState) - 속성(Props) - useEffect component : 정해진 엘리먼트들(요소)을 사용하여 만든 화면의 일부분. UI의 요소, 요소를 재사용 가능한 부분으로 조각내서 운영하는 기법(리액트 기반으로 만들어진 페이스북 웹사이트는 운영되는 컴포넌트가 매우 많다고 함) 상태(State) : 컴포넌트에서 데이터를 유지하고 관리하기 위한 유일한 방법 -> 사용할 데이터 useState로 상태(state)를 생성하고, setstate로 상태를 변경할 수 있음. 데이터 변경에 따라 각각 다른 화면을 그려줘야 할 때 사용. 속성(Props) : 상위 컴포넌트에서 하위 컴포넌트로..

엑스포는 리엑트 네이티브 프로젝트 환경을 쉽게 셋팅하고 빌드할 수 있게 해주는 툴이다. 빠르고 쉽게 앱을 만들 수 있다는 것이 큰 장점이라고 배웠다. 하지만 구글링을 좀 해본 결과 expo를 사용하면 네이티브 모듈을 사용할 수 없고 빌드 시간이 매우 느리다는 단점(비용을 들인다면 해결이 가능한것 같긴 하지만)이 치명적이라고 한다. 내가 배우는 강의에서는 리엑트 네이티브를 사용하다보면 네이티브 모듈이 필요한데, expo를 사용하면 해결할 수 있기 때문에 이를 장점이라고 하긴 했다. 하지만 expo에 모든 기능이 갖추어진 것이 아니므로 어쩔 수 없이 네이티브 모듈이 필요하게 된다면 결국 expo를 eject해야하는 상황이 생기는 것 같다. 일단 이번에 간단하게 react native를 접해보고 다음 프로젝트..

리엑트 네티티브 = React + Native React? 웹 화면을 만드는 프론트 개발 기술으로, 자바스크립트 라이브러리의 하나. 페이스북과 개별 개발자 및 기업들 공동체에 의해 유지보수되고 있음 리엑트 네이티브는 리액트를 기반으로 앱 개발을 할 수 있도록 해주는 기술로 안드로이드, iOS 동시 개발이 가능한 크로스 플랫폼 개발 도구 Expo? 실제로 리액트 네이티브로 앱을 개발하다보면 네이티브 코드가 필요한 상황이 자주 생김. 이 한계점을 극복할 수 있게 해주는 툴이 expo expo에서 특히 좋은 점은 개발중인 앱을 시뮬레이션 하고 싶을 때 "Expo Client"라는 앱을 사용하면 AVD를 사용하거나 휴대폰과 컴퓨터를 직접 연결하지 않고도 QR코드를 스캔함으로써 시뮬레이션이 가능 개발의 기본이지만..