학습목표

• React의 장점 느끼기
• Figma를 통해 표현하고자 하는 것을 시각적으로 만들어보기

리액트 설치하기

• 리액트는 Node.js 기반
• Node.js가 React를 사용하기 더 쉽게 해주는 도구들을 내장하고 있음
• Node.js 설치할 때 NPM(Node Package Manager)이 같이 설치됨
• Node.js가 있으면 Babel(컴파일러 도구)을 추가로 다운받음

리액트란?

• 웹 프레임워크, 자바스크립트 라이브러리 중 하나
• UI를 만들기 위해 사용

리액트를 사용하는 이유

컴포넌트

Props

State

기본 훅