TIL 이건 나만의 정의야

이해가 안된상태로 무언가 하려니 시간만 보내고 어찌어찌 구현해도 진짜 아무고토 모르겠다.
그래서,

난 아무것도 모르니까 다시 천천히 해보기
조금 간단하게 생각해보기

component

내가 만들어논 재사용 할 UI

• 함수형태로 재사용 하거나 자주 바뀔 수 있는 정보를 만든다
• 다른 페이지를 만들 때.

장점

• 재사용 가능
• 유지 보수 좋음

단점

• state를 쓰면 복잡해진다 내가 그렇다.

State

import React, { useState } from 'react'// 데꾸온다


const [blah, setBlah] =useState();// return 위에 위치한다,
// 이렇게 생겼고, blah는 실제 그려지는 것들 setBlah는 blah를 바꿔주는 함수다
// = useState는 blah의 초기값으로 이해했다

useState에 담긴 값을 blah로 그려줄 수 있다.
jsx에서 단순한 스트링은 {여기에 넣으면} 인덱스로 그려줄 수 있다.

혹은 변경 값일 경우,
onClick={()=>{}}요렇게나, function 을 넣어줄 수 있지만,
함수를 만들어서
onClick={함수} 요렇게 넣으면 깔끔하게 가능.