리스트 예시: 게시물이 존재할 경우 3건을 노출합니다. React-Native [React-Native] 메모장 iPhone X 이상의 버전에서 태그는 노치 부분까지 화면을 그린다. 태그를 사용하면 된다. 스크롤되는 화면을 그리기 위해서는 태그를 사용하면 된다. 디바이스의 너비는 Dimensions.get('window').width 리스트는 'FlatList' 새 창을 띄울 때는 'Modal' API 사용은 Fetch, Promise 카카오 로그인 API는 expo 환경에서 사용할 수 없다. Javascript [자바스크립트] Promise Promise Promise는 비동기로 실행되는 작업의 결과를 나타내는 객체이다. new 생성자로 Promise를 생성할 수 있다. 기본 예제 function getData() { return new Promise(function(resolve, reject) { resolve(); reject(); }); } getData() .then() .catch(); Promise의 상태 Pending(대기): new Promise()로 생성하면 대기 상태가 된다. Fulfilled(이행): resolve() 를 실행하면 이행 상태가 된다. Rejected(실패): reject() 를 실행하면 실패 상태가 된다. 여러 개의 Promise를 사용하기 getDate() .then(func1) .then(func2).. React-Native [React-Native] BuilderX로 쉽고 간편하게 디자인하기 BuilderX BuilderX is a browser based design tool that codes React Native & React for you BuilderX는 리액트와 리액트 네이티브를 코딩하는 브라우저 기반 디자인 툴입니다. BuilderX를 접하게 된 계기는 구글링을 통해서였습니다. 필자는 리액트 네이티브 개발을 공부하면서 편리한 UI/UX 디자인 툴이 없을까 생각하다가 검색을 통해 BuilderX를 발견했습니다. 심플한 첫 화면입니다. 해당 사이트에서 스크롤을 내려보니 소개 사진이 있었습니다, 실행 화면 해당 서비스는 위에서 언급한 대로 프로그램이 아닌 브라우저 기반의 서비스입니다. 브라우저에서 구동됩니다. 사진 캡처를 위해 1분만에 컴포넌트들을 배치해보았습니다. 보시다시피 이미 .. 갤러리 예시: 게시물이 존재할 경우 4건을 노출합니다. [React-Native] 메모장 [자바스크립트] Promise [React-Native] BuilderX로 쉽고 간편하게 디자인하기 [React-Native] Redux란? (설치, 소개, 예제)