props
[ React ] 리액트 동적 데이터 state
리액트의 컴포넌트가 다루는 데이터 중 저번 게시글에선 props 를 다루었다. 이번 게시글에선 동적 데이터인 state 를 다뤄보자. 앞에서도 말했듯 props는 부모 컴포넌트에서 넘어온 정적 데이터 형태이다. 반면, state는 컴포넌트 내부에서 선언해 내부에서 수정 및 작업이 가능한 동적 데이터 형태이다. 아래 소스를 보고 간단히 짚어보자. ( index.js 와 index.html 은 이전 props 설명 게시글과 동일 ) App.js import React, { Component } from 'react'; import Count from './Count'; class App extends Component { //render 함수 render() { return ( //JSX ..
[ React ] 리액트 정적 데이터 pops
리액트 컴포넌트들이 다루는 데이터는 props 와 state 두 가지로 나뉜다. props 는 현 컴포넌트를 호출한 곳에서 넘겨준 data 이며, 이를 받아서 사용하기만 할 수 있고 값을 직접 수정할 수는 없다. state 는 현 컴포넌트 내부에서 선언한 data 이며 내부에서 값을 변경할 수 있다. 이번 게시글에선 props 만 사용할 생각이다. App.js import React, { Component } from 'react'; import Food from './Food'; class App extends Component { //render 함수 render() { return ( //JSX ); } } export default App; App.js 의 render 함수가 무엇을..