Props3 [React] State - state의 소개와 클래스형 컴포넌트의 state 지난 포스트에서는 컴포넌트의 속성인 props를 공부했었습니다. 이번에 배우는 stete는 컴포넌트 내부에서 변경될 수 있는 값입니다. 1. state state는 컴포넌트 내부에서 바뀔 수 있는 값 입니다. props와의 차이점은 props는 컴포넌트에서 사용되기 위해 부모 컴포넌트가 설정해주는 값이기에 값을 바꾸기 위해서는 부모 컴포넌트에서만 접근했어야 합니다. 그래서 props는 마치 함수의 인자 처럼 외부에서 컴포넌트로 전달 되었습니다. 반면 state는 현재 컴포넌트에서 값이 바뀔 수 있다는 차이점이 있습니다. 그래서 state는 마치 함수(클래스) 내부에서 선언되어 사용되는 변수처럼 컴포넌트 내부에서 자유롭게 이용할 수 있습니다. 또 이전에 함수형과 클래스형 컴포넌트를 소개하면서 state 사.. 2021. 11. 3. [React] props - 클래스형 컴포넌트 지난번에 주로 쓰게 될 함수형 컴포넌트에서 props 사용법을 배웠다면, 이번엔 클래스형 컴포넌트에 대해서 간단하게 알아보겠습니다. props에 대한 기초적인 설명은 함수형 컴포넌트 props의 설명을 참조해 주세요. 2021.11.02 - [Programming/React] - props - 함수형 컴포넌트 props - 함수형 컴포넌트 리액트의 컴포넌트 속성을 설정하는 props에 대해 공부해보겠습니다. 1. props props는 properties의 줄임 표현으로 말 그대로 속성입니다. 즉 props는 컴포넌트의 속성을 관리하는데 사용되는 요소라고 bamtory29.tistory.com 1. 클래스형 컴포넌트 사용 클래스형 컴포넌트에서 props를 이용하는 방식은 함수형과 다르지 않습니다. 우선 .. 2021. 11. 2. [React] props - 함수형 컴포넌트 리액트의 컴포넌트 속성을 설정하는 props에 대해 공부해보겠습니다. 1. props props는 properties의 줄임 표현으로 말 그대로 속성입니다. 즉 props는 컴포넌트의 속성을 관리하는데 사용되는 요소라고 볼 수 있습니다. props의 설정은 속성을 설정할 컴포넌트가 아닌 컴포넌트를 불러와서 이용하는 부모 컴포넌트에서 설정한다는 점을 주의해야합니다. props는 함수형 컴포넌트에서 인자(Parameter)로 받아와서 이용할 수 있습니다. 인자로 받아온 props는 사용할 때 JSX의 자바스크립트 표현식 {}을 이용합니다. 인자를 지정하고 .으로 인자의 요소를 지정합니다. import React from 'react'; const PropsPractice = props => { return .. 2021. 11. 2. 이전 1 다음 300x250
