State

컴포넌트 내부에서 관리되는 변경이 가능한 데이터
변수와 다른 점? state는 값 변경 시 화면에 바로 렌더링 됨
JS에서 값이 변하는 과정은 항상 마지막에 화면 렌더링이 필요함

State와 변수의 차이점
state는 일반 변수와 다르게 값이 변하면 화면이 렌더링된다.
이 때, setState()라는 함수를 이용한다.

• State 시작하기

import {useState} from 'react'

• State 선언 및 사용

const [변수명, set변수명] = useState(3)

// set변수명 = state를 변경시켜주는 함수

setNum(5)
// 5로 변경

React 이미지 가져오기

• 외부 이미지 가지고 오는건 html과 동일

<img src='이미지 주소'/>

• src 폴더 이용하기

// import 이미지변수명 from '경로'
<img src={이미지변수명}></img>

• public 폴더 이용하기
  public 폴더 안에 파일을 보관
  public 폴더는 서버와 계속해서 통신을 진행하고 있기 때문에
  폴더 안에 저장하는 것 만으로도 고유주소를 갖게 된다. (업로드)
  즉, 해당 주소 값을 가져와서 사용하면 된다.

<img src='http://localhost:3000/img/pic2.jpg'/>