Note

1. 개요 React는 두 가지의 컴퍼넌트 선언방식이 있습니다. 하나는 함수형 컴퍼넌트고, 다른 하나는 클래스형 컴퍼넌트입니다. 2. 컴퍼넌트 2.1. 함수형 컴퍼넌트 함수형 컴퍼넌트는 아래와 같은 형태를 합니다. import React from "react"; const FunctionalComponent = (props) => { const {description} = props; return Functional Component: {description} }; export default FunctionalComponent; 간단한 형태를 하고, 라이프사이클 기능을 사용하지 않아도 될 때 사용하기 좋습니다. Hooks이 생기면서 함수형 컴퍼넌트에서도 state를 사용할 수 있도록 되었습니다. 2.2...

1. 설치하기 설치하는 것은 간단한 편입니다. 우선 노드와 npm을 설치합니다. 여러 버전을 사용해야 한다면 NVM(NVM Install)을 통해 노드를 설치하도록 합니다. 노드 설치했다면 yarn을 설치합니다. $ npm instll -g yarn 이제 yarn을 통해 react app을 생성하도록 합니다. $ yarn create react-app react-practice react app이 생성되었으면 해당 디렉토리에서 필요한 라이브러리를 설치합니다. $ cd react-practice $ yarn add node-sass 이제 준비는 완료되었습니다. 아래 커맨드로 앱을 실행시키고 브라우저를 통해 http://localhost:3000 으로 접속하면 생성된 리액트 앱을 볼 수 있습니다. $ yar..