React

\*리액트 특징선언형 : JSX를 사용해 명시적으로 작성컴포넌트 기반 : 하나의 기능 구현을 위해 여러 종류의 코드를 묶어둔 컴포넌트를 기반으로 개발 컴포넌트로 분리하면 서로 독립적이고 재사용 가능범용성 : 자바스크립트 프로젝트 어디에든 유연하게 적용 가능\*JSX\-

Routing : 다른 주소에 따라 다른 뷰를 보여주는 과정개발 환경 구축하기React Router DOM 설치npm install react-router-dom@5.3.0react-router 라이브러리가 제공하는 컴포넌트들을 사용하기 위한 세팅import React

\*Props\-컴포넌트의 속성\-외부로부터 전달받은 값\-부모 컴포넌트(상위 컴포넌트)로부터 전달받은 값\-객체 형태\-읽기 전용(read-only)\-Props 사용하는 방법1\. 하위 컴포넌트에 전달하고자 하는 값(data)과 속성을 정의한다.2\. props를

컴포넌트는 컴포넌트 바깥에서 props를 이용해 데이터를 마치 전달인자(arguments) 혹은 속성(attributes)처럼 전달 받을 수 있다. 즉 데이터를 전달하는 주체는 부모 컴포넌트가 된다. 이는 데이터 흐름이 하향식(top-down)임을 의미한다.단방향 데이