SUE 개발 블로그

State : 상태 단어 뜻 그대로 컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값을 의미한다. state는 화면에 보여줄 컴포넌트의 UI 정보(상태)이다. state는 컴포넌트 내에서 정의해 사용하며 언제든 데이터가 변경될 수 있다. 우선 형태를 살펴보자. import React, { useState } from 'react'; function State() { const [color, setColor] = useState('red'); return ( Function Component | State ); } export default State; 함수 컴포넌트 화면에서 나타내고 싶은 JSX 요소가 return문 안에 들어있다. state를 설정할 땐 화면에 보이듯이 useState 함수를 import..

수업과 학습을 통해서 state 는 값을 저장하는 구나~ Props는 전달받는 거구나~ 하며 정확히 이해하지 않고 당장 사용하는 것에 중점을 뒀던 것 같다. 항상 기초를 닦아야하는게 중요하다고. 블로깅할 겸 정리해보려한다. props(properties)와 state는 일반 자바스크립트 객체이다. 두 객체 모두 렌더링 결과물에 영향을 주는 정보를 가지며 props는 컴포넌트에 전달되는 반면 state는 컴포넌트 안에서 관리한다. React에서 this.props와 this.state는 모두 렌더링된 값을 나타냄 = 현재 화면에 보이는 것을 뜻한다. React State (상태) import React, { useState } from "react"; // state는 위처럼 import 해줘야한다. ( ..