본문 바로가기

React Native12

실제 기기를 사용해야 하는 이유 1. 시뮬레이터에서 제대로 작동하는데 실제 기기에서 제대로 작동하지 않는 상황이 발생할수 있는 상황을 예방 할수 있다. 2. 개발화는 과정에서 컴퓨터 자원을 덜 사용 할수 있는 이점이 있다. 2022. 2. 24.
리액트 네이티브란? 리액트 네이티브 react native = 자바스크립트javascript + 리액트 react 앱으로 모바일ios, android 뿐만 아니라 VR, 윈도우,TV 환경에서도 사용할수 있다. 리액트 네이티브를 사용해 만든 프로젝트는 -> JavascriptCore라는 자바스크립트 엔진이 탑재 되어 있어 이것을 통해 우리가 작성하는 모든 자바스크립트 로직을 앱내에서 실행한다. https://developer.apple.com/documentation/javascriptcore Apple Developer Documentation developer.apple.com 리액트 네이티브는 Text, Button, View, TextInput, FlatList 와 같이 네이티브 환경에서 사용되는 컴포넌트들이 연동 되.. 2022. 2. 24.
아이폰 안드로이드 디스플레이 길이 Dimensions.get('window').height 코드를 사용하여 길이를 측정 아이폰 아이폰 pro max : 896 아이폰 pro : 812 아이폰 11, 12, 13 normal : 844 아이폰 미니 : 814 아이폰 7, 8, se : 667 안드로이드 2021. 12. 27.
자식 컴포넌트 -> 부모 컴포넌트 상태 변경하기 부모 컴포넌트 state상태와 setState 함수를 자식 컴퍼넌트에 넘겨준다. /* 부모 컴포넌트 */ import React, {useState} from 'react' import type {FC} from 'react' /* 자식 컴포넌트 불러오기*/ import Child from './Child' // 속성 타입 정의 export type Props = { state: D.state } const Parent : FC = ({state: initialState}) => { // 부모 useState 훅 정의 const [state, setState] = useState({ ...initialState, counts: {comment: 0, retweet:0, heart: 0} }) // 자식 .. 2021. 7. 16.