자바스크립트 (4) 썸네일형 리스트형 [React-Native] 메모장 iPhone X 이상의 버전에서 태그는 노치 부분까지 화면을 그린다. 태그를 사용하면 된다. 스크롤되는 화면을 그리기 위해서는 태그를 사용하면 된다. 디바이스의 너비는 Dimensions.get('window').width 리스트는 'FlatList' 새 창을 띄울 때는 'Modal' API 사용은 Fetch, Promise 카카오 로그인 API는 expo 환경에서 사용할 수 없다. [자바스크립트] 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 커스텀 버튼 제작 리스트의 컴포넌트를 추가해줄 동그란 + 버튼이 필요했다. 를 이용하여 버튼 효과를 주기로 했다. import React, { Component } from 'react'; import { StyleSheet, TouchableOpacity, Text } from 'react-native'; export default class RoundButton extends Component { render() { return ( {this.props.text} ); } } const styles = StyleSheet.create({ button: { backgroundColor: 'green', alignItems: 'center', justifyContent: 'cent.. [자바스크립트/ECMAScript6/ES6] Arrows Function, 화살표 함수 화살표 함수 표현은 function 표현보다 축약하여 사용할 수 있는 기능이다. 자신의 this, arguments, super, new.target은 바인딩하지 않는다. 화살표 함수는 항상 익명이다. 메서드 함수가 아닌 곳에 가장 적합하므로 생성자로서 사용할 수 없다. 기본 구문 (param1, param2, …, paramN) => { statements } (param1, param2, …, paramN) => expression // 다음과 동일함: => { return expression; } // 매개변수가 하나뿐인 경우 괄호는 선택사항: (singleParam) => { statements } singleParam => { statements } // 매개변수가 없는 함수는 괄호가 필요: (.. 이전 1 다음
