728x90
반응형
for in 반복문 자바스크립트에서 for in 문은 객체의 값이 아닌 속성을 반복하는 데 사용됩니다. 아래 예제에서 'person' 객체에는 'name', 'age', 'gender' 세 가지 속성이 있습니다. for in 문을 사용하여 'person' 객체의 각 속성을 반복합니다. See the Pen javascript - for in by saladent (@saladent) on CodePen. 실행결과 객체가 갖고 있는 전제 속성이 순서대로 출력되는 걸 확인할 수 있습니다.
find() 구문 먼저 자바스크립트에서 find() 메서드는 배열에서 특정 조건을 만족하는 첫 번째 요소의 값을 반환해줍니다. arr.find() 메서드의 기본 구문은 다음과 같습니다. arr.find(callback[, thisArg]) callback은 사용자가 정의하는 함수로 element, index, array 아래 세가지 매개 변수를 받습니다. 각 매개변수에 대한 설명은 다음과 같습니다. element : 콜백함수에서 처리 중인 현재 엘리먼트입니다. index : 콜백함수에서 처리 중인 현재 요소의 인덱스입니다. array : find()가 호출된 배열입니다. callback은 배열의 각 요소가 처음으로 참을 반환할 때까지 호출되는 함수이며, thisArg는 콜백 함수 내에서 이 값을 설정하는..
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..