본문 바로가기

Hybrid25

리액트 네이티브] 5. state 1. state? props는 부모 컴포넌트에서 자식 컴포넌트에게 단순히 값만 전달할 뿐이고 자식 단위에서 수정할 수 없지만, state는 컴포넌트 내부에서 값을 선언하고 내부에서 값을 수정할 수 있다. state란 컴포넌트 내부에서 변화할 수 있는 값을 나타내며 상태가 변하면 컴포넌트는 리랜더링(Rerandering)이 된다. 컴포넌트는 클래스형 컴포넌트와 함수형 컴포넌트가 있는데, 예전에는 함수형 컴포넌트에서 state를 사용할 수 없었지만, 지금은 Hook로 관리가 가능하므로 지금은 함수형 컴포넌트로 코딩하는게 트랜드이다. 2. useState useState는 함수형 컴포넌트에서 상태를 관리할 수 있게 해준다. 예시를 보자. 예시는 변수 관리의 꽃, counter 앱이다. useState의 선언 .. 2021. 10. 5.
리액트 네이티브] 4. props 1. props props는 부모 컴포넌트로부터 자식 컴포넌트에게 전달 혹은 상속되는 속성값을 말한다. 이 값은 자식 컴포넌트에서 활용은 가능하지만 수정은 불가하다. 이 값의 변경이 필요하다면 반드시 부모에서 변경해야만 한다. props 전달 예시를 보자. - ../src/App.js import React from "react"; import { View, Text, Button } from "react-native"; import MyButton from "../component/myButton"; const App = () => { return ( Button Component ); } export default App; -../component/myButton.js import React from.. 2021. 10. 5.
리액트 네이티브 ] 3. 컴포넌트 (책 : 처음 배우는 리액트 네이티브) 컴포넌트는 재사용이 가능한 조립블럭이다. 컴포넌트는 단순히 UI만을 표기하는 것이 아니라 부모의 속성, 자신의 상태에 따라 표현이 달라지고 다양한 기능을 수행한다. 리액트 네이티브는 이 컴포넌트를 통해 화면을 구성한다. 리액트 네이티브는 다양한 내장 컴포넌트를 제공한다. 해당 컴포넌트는 리액트 네이티브 개발자 문서에 다 나와있다. https://reactnative.dev/docs/getting-started Introduction · React Native This helpful guide lays out the prerequisites for learning React Native, using these docs, and setting up your enviro.. 2021. 10. 2.
리액트 네이티브] 2. 리액트의 조건, if문, 조건문, 빈 값, 주석, 스타일링 처리 (실행 환경 : Windows, 참고하는 책 : 처음 배우는 리액트 네이티브) 리액트는 jsx라는 언어로 코딩하는데, 객체 생성과 함수 호출의 문법적 편의를 위한 확장 기능이다. 먼저, 리액트 네이티브를 코딩할때 가장 중요한 점은 export default function App() { const name = 'mary'; return ( Open up App.js to start working on your app! ); } 해당 방식대로 코딩하면 안된다는 점이다. 저같은 경우는 vscode의 snippet을 쓰는데, 다음과 같은 오류를 출력해줍니다. JSX 식에는 부모 요소가 하나 있어야 합니다. 반드시, 나 로 묶어서 처리해야합니다. 의 경우 UI구성의 가장 기본적인 컴포넌트입니다. 그러나 내가 뷰.. 2021. 9. 29.
반응형

티스토리툴바