Props

[React Native] 공부(component, Props, defaultProps, JSX 문법, 주석)

컴포넌트(component)를 직역하면 '구성 요소'라는 의미이다. 프런트엔드 개발에서의 컴포넌트는 유저 인터페이스를 구성하는 요소라고 이해하면 된다. 리액트로 프런트엔드를 개발할때는 수많은 컴포넌트를 만들면서 진행하게 된다. 리액트에서의 컴포넌트는 단순히 보이는 부분만 담당하는 것이 아니라, 사용자가 어떠한 행동을 취했을 때 어떠한 작업을 할지도 설정해줄 수 있다. // App.js import React from 'react'; import {SafeAreaView, View, Text} from 'react-native'; const App = () => { return ( Hello React! ); }; export default App; 여기서 App이 바로 컴포넌트이다. 그리고 App 컴포넌..

[React] props

프로퍼티(props) 프로퍼티, props(properties의 줄임말) 라고 한다. 상위 컴포넌트가 하위 컴포넌트에 값을 전달할 때 사용한다.(단방향 데이터 흐름을 갖는다.) 프로퍼티는 수정할 수 없다는 특징이 있다.(자식입장에선 읽기 전용인 데이터다.) 사용방법 프로퍼티에 문자열을 전달할 때는 큰따옴표(" ")를, 문자열 외의 값을 전달할 때는 중괄호({})를 사용한다. 1개의 프로퍼티 넘기기 App 컴포넌트에서 Main컴포넌트에 "name"이라는 이름, "아라짱" 값을 갖고 있는 프로퍼티를 넘기는 예제 ex) App.js (문자열은 큰따옴표(" ")를 사용하여 값을 전달한다.) import React, { Component } from 'react'; import Header from './comp..