🏃‍♂️What I learned

1. React 컴포넌트

• 화면에 보여지는 요소( .js 파일 )
• App.js에 태그 형태로 사용( 재사용 )

// 1) 클래스형 컴포넌트 : React.Component를 상속받아 사용
import React, { Component } from 'react';

class Exam1 extends Component {

    render() {
        return (
            <div>
       
            </div>
        );
    }
}

export default Exam1;

//-----------------------------------------------------------------------

// 2) 함수형 컴포넌트 : 함수 형태로 사용
import React, from 'react';

const Exam2 = () => {

    return (
        <div>

        </div>
    );
};

export default Exam2;

클래스형 컴포넌트는 잘 사용X

---

2. State(상태)

• 변수와 비슷한 개념

• useState : 리액트에서 사용하는 훅 중의 하나로 상태에 대한 정의와 세팅명 설정

// e.g.

const [count, setCount] = useState(0);
// count라는 상태 사용
// 초기값은 0
// 세팅 함수명은 setCount

상태 변경은 무조건 setState 사용해야함
-> state를 건드리면 render() 함수가 실행되지 않음

+ 원본 건드리면 안됨 (does it mutate)