Back to the Basics

React State & Props Achievement Goals state, props의 개념에 대해서 이해하고, 실제 프로젝트에 적용할 수 있다. React 함수 컴포넌트(React Function Component)에서 state hook을 이용하여 State를 정의 및 변경할 수 있다. React 컴포넌트 (React Component)에 props를 전달할 수 있다. 실제 웹 애플리케이션의 컴포넌트를 보고 어떤 데이터가 state이고 props에 적합한지 판단할 수 있다. 실제 웹 애플리케이션 개발 시 적합한 state와 props의 위치를 스스로 정할 수 있다. React의 단방향 데이터 흐름(One-way flow)에 대해 자신의 언어로 설명할 수 있다. State & props Intro..

이 글은 Reac 공식문서를 통해 공부한 내용을 요약한 포스트입니다. Components and Props component는 Javacript의 함수와 비슷하며 다음과 같은 특징을 갖는다. props를 입력받고 screen에 어떻게 표시되는지를 기술하는 React Element를 return 한다. Function and Class Component component는 function 또는 class를 통해 정의된다. Function Component function Welcome(props){ return Hello, {props.name} ; } 위의 함수는 props를 입력으로 받고 React Element를 return 하므로 React component이다. Class Component cla..