오늘 공부 한 것

React 기본 Hooks 복습 (feat.문서)

useState 훅 사용법 복습

const [postCategory, setPostCate] = useState(false);

postCategory: 상태값. 전역 변수 같이 씀
setPostCate: 상태값을 바꾸는 함수. 외부에서 이 함수가 쓰이면 상태값이 변한다.

useEffect 훅 사용법 복습

useEffect(()=> {setPostCate(window.localStorage.getItem("postCategory"));}, []);

리렌더링이 되면 그 때 effect가 되어 useEffect 안의 함수가 실행 됨.
로컬스토리지 안에 postCategory의 밸류값을 저장.

input 태그 onChange 훅 사용법 복습

<input
	id={item.id}
    type="checkbox"
    value={item.data}
    onChange={(e)=>{
    	setPostCate(e.target.value);
    }}
 />

onChange 훅 안에 setPostCate 함수는 이벤트 타겟 밸류(e.target.value)인 input값이 입력 될 때 마다 인식한다.

렌더링 작업 시 새로고침을 필수로 하자!!