전체 글106 텍스트 입력 처리 TextInput사용자가 텍스트를 입력할 수 있게 해주는 핵심 구성요소 다 . onChangeText텍스트가 변경될 때마다 호출되는 함수를 취하는 prop과 onSubmitEditing텍스트가 제출될 때 호출되는 함수를 취하는 prop이 있다 .예를 들어, 사용자가 입력할 때 해당 단어를 다른 언어로 번역한다고 가정해 보겠다. 이 새로운 언어에서는 모든 단어가 같은 방식으로 작성된다: 🍕. 따라서 "안녕하세요 밥"이라는 문장은 "🍕 🍕"으로 번역된다.import React, {useState} from 'react';import {Text, TextInput, View} from 'react-native';const PizzaTranslator = () => { const [text, setTex.. 2024. 4. 25. 리액트 기초 React Native는 JavaScript로 사용자 인터페이스를 구축하기 위한 인기 있는 오픈 소스 라이브러리인 React 에서 실행된다. React Native를 최대한 활용하려면 React 자체를 이해하는 것이 도움이 된다. 이 섹션을 통해 시작하거나 재교육 과정으로 활용할 수 있다. components JSX props state Cat 구성 요소 import React from 'react'; import {Text} from 'react-native'; const Cat = () => { return Hello, I am your cat!; }; export default Cat; . Cat구성 요소를 정의하려면 먼저 JavaScript를 사용하여 importReact 및 React Nativ.. 2024. 4. 23. Array.prototype.map() map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환한다. const array1 = [1, 4, 9, 16]; // Pass a function to map const map1 = array1.map((x) => x * 2); console.log(map1); // Expected output: Array [2, 8, 18, 32] arr.map(callback(currentValue[, index[, array]])[, thisArg]) callback: 새로운 배열 요소를 생성하는 함수. 다음 세 가지 인수를 가집니다. currentValue: 처리할 현재 요소. index (Optional): 처리할 현재 요소의 인덱스. array (Opti.. 2024. 4. 23. react native mac 홈브루 설치 홈브루는 맥에서 사용하는 설치 프로그램이다. 명령어를 터미널에서 실행한다. /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)" 비주얼 스튜디오 코드 설치 다음 명령으로 vscode를 설치한다. brew install cask brew install --cask visual-studio-code 설치가 끝나면 런치패드에서 vscode 아이콘을 찾아 실행한다. 그리고 dock에서 vscode 아이콘을 마우스 오른쪽으로 클릭하여 옵션 -> doc에 유지를 실행한다. 이는 앞으로 vscode를 쉽게 실행할 수 있도록 한다. vscode를 실행한 후 메뉴에서 terminal ->.. 2024. 4. 23. 부부 건강한 의사소통하기 좋은 부모란 자녀의 성장발달을 잘 이끌어주고 건강한 부모자녀관계가 형성될 수 있도록 노력하는 부모라 할 수 있다. 이러한 노력에는 벽돌을 한 장씩 쌓으며 공들여 집을 짓는 것과 같이 하루하루 쌓아 나가는 꾸준함과 인내심이 필요하다. 그리고 부모 자신도 성숙한 성인이 되어야 한다. ■ 예비부모 자존감 높이기 자존감은 자존심과는 다르다. 자존심은 남과의 비교를 통해 우월한가 열등한가를 따지는 것이고, 자존감은 남과 자신의 다름을 인정하고 자신을 있는 그대로 받아들이는 것이다. 자존감은 자기 가치감, 유능감, 자신에 대한 호감의 영역으로 구성된다. ‘자기 가치감’은 말 그대로 자신을 가치 있는 존재로 여기며 인정하는 것이고, ‘유능감’은 무엇이든 할 수 있다는 자신에 대한 신뢰이기도 하다. “나에게는 여러 단.. 2024. 4. 22. Flutter VSCode에서 emulator로 실행하기 AVD VSCode에서 Flutter를 개발할때 결국에는 Android Studio를 기반으로 한다. Android Studio에 설치된 SDK를 사용하고, 여기에 설치된 emulator를 사용한다. 그래서 VSCode에서 emulator를 사용하려면 Android Studio에서 먼저 추가를 해야 한다. 안드로이드 emulator는 Android Virtual Device(AVD)라고 한다. Android Studio 에서 Virtual Device 추가 Android Studio에서 AVD Manager를 실행 VSCode에서 AVD 실행 2024. 4. 19. 이전 1 2 3 4 5 6 7 ··· 18 다음
