728x90
반응형
실행문npx react-native start --reset-cache 오류 메세지error: unknown command 'start' 해결 방법이 오류는 명렁어를 실행할 때 react native 앱의 루트 디렉터리에 있지 않은 경우 발생할 수 있습니다.만약 앱 이름이 "App"인 경우 npx react-native start를 실행하기 전에 cd App을 수행하여 루트 디렉터리로 이동하면 해결 가능할 수 있습니다.
autoCapitalize autoCapitalize는 특정 문자가 자동으로 대문자로 표시되도록 TextInput에 지시합니다. 이 속성은 name-phone-pad와 같은 일부 키보드 유형에서 지원되지 않습니다. characters : 모든 문자 words : 각 단어의 첫 글자 sentences : 각 문장의 첫 글자(기본값) none : 아무 것도 자동으로 대문자로 표시하지 않습니다. 만약 TextInput에 입력한 첫글자가 대문자로 자동 변경되는 걸 막고 싶다면 autoCapitalize 속성에 'none'을 입력하면 됩니다. autoCapitalize="none" 예시 다음은 autoCapitalize가 'none'으로 설정된 React Native의 TextInput 컴포넌트를 만든 간단한..
MyInput 컴포넌트 만들기 리액트 네이티브에서는 TextInput 컴포넌트를 사용하여 사용자가 입력한 텍스트를 전달받을 수 있습니다. 다음은 TextInput 컴포넌트를 사용하는 방법의 예입니다. import React, { useState } from 'react'; import { View, TextInput, StyleSheet } from 'react-native'; const MyInput = () => { const [text, setText] = useState(''); const onChangeText = (inputText) => { setText(inputText); }; return ( ); }; const styles = StyleSheet.create({ container: {..
개발용 리액트를 사용하기위해 두개의 자바스크립트 코드 react와 react-dom을 import 해야 합니다. 아래는 개발용 CDN을 통해 react와 react-dom을 import 한 예시이며 import한 스크립트들은 개발용으로 적합한 버전입니다. 배포용 React의 용량 및 성능 최적화된 배포용 CDN 버전을 아래와 같이 import 합니다. 작성일 기준 최신버전인 18버전으로 작성했습니다. react와 react-dom의 특정 버전을 로딩하려면 18을 사용하고자 하는 버전으로 대체하면 됩니다. 이후 최신버전은 https://ko.reactjs.org/docs/cdn-links.html에서 참고하시기 바랍니다. Reference https://ko.reactjs.org/docs/cdn-links..
React에서 useState는 상태를 추가하고 관리할 수 있게 해주는 hook입니다. 상태란 시간이 지남에 따라 변경될 수 있는 값으로 이 값을 저장하고 관리하는 데 useState를 사용합니다. useState 사용법 먼저 useState의 사용법은 다음과 같습니다. const [상태 변수, 상태 변경 함수] = useState(초기값); useState함수에 초기 상태 값을 매개변수로 호출하면 배열이 반환됩니다. 이 배열에는 현재 값을 나타내는 상태 변수와 상태 값을 변경하는데 사용하는 함수가 들어가 있습니다. 예를 들면 다음과 같습니다. import React, { useState } from 'react'; function Counter() { const [count, setCount] = us..
React Native에서 화면에 이미 활성화되어 있는 키보드를 내리려면 React Native API에서 제공하는 키보드 모듈을 사용하면 됩니다. Keyboard 모듈은 키보드를 제어하는 데 사용할 수 있는 몇 가지 메서드를 제공하는데요. 그 중 키보드를 내리기 위해서는 Keyboard.dismiss() 메서드를 사용하면 됩니다. 키보드 내리기 예제 1 특정 버튼을 클릭했을 때 키보드를 내리는 예제입니다. import React from 'react'; import { View, TextInput, Button, Keyboard } from 'react-native'; const MyComponent = () => { return ( Keyboard.dismiss()} /> ); }; export de..