01. React 기초

class명 작성할 때 className=""
{}중괄호 이용해서 js변수를 태그 중간 중간 삽입 가능
스타일 작성 시 style={{ color : 'red', fontSize : '16px' }} 이런 식으로 object 자료형으로 작성하기!

camelCase 작성법 유의
react에선 변수 대신 useState에 데이터 담기

let[a, b] = useState();
a: state 데이터
b: state 데이터 변경 함수
-바껴야하는 데이터
-중요한 데이터
-문자, 숫자, array, object 다 저장 가능

state는 html을 새로고침 하지 않아도 변경되면 자동 재렌더링 된다는 장점. 웹이 app처럼 부드럽게 동작 가능해짐

변수는 변경되어도 자동 재렌더링 안됨.

프래그먼트
불필요한 div대신 사용

<fragment></fragment>
또는 <></> 축약형으로 사용 가능

컴포넌트 작성법

function Modal(){
	return(//이 안에 html 마크업 작성하고)
}

필요한 컴포넌트 내에서
<Modal/> 또는 <Modal></Modal>로 호출하여 사용