Sumin's Blog

React Hooks Hooks 는 리액트 v16.8 에 새로 도입된 기능으로서, 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 그리고 렌더링 직후 작업을 설정하는 useEffect 등의 기능 등을 제공하여 기존의 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 해줌 1.0 Introduction to useState class component로 작성한 코드class Appugly extends React.COmponent{ state={ item:1 } render(){ const{item}=this.state; return( Hello CodeSandbox {item} Start editing to see some magic happen! Increment Decrem..

2.0 Introduction to useEffect useEffect componentDidMount,ComponentWillunMount, componentDidUpdate역할을 실행 2개의 인자를 받는데 첫번째는 function으로써의 effect(componentDidMount), 두번째는 deps 만약 deps가 있다면 effect는 (deps)리스트에 있는 값일때만 값이 변하도록(실행) 활성화(componentWillUpdate) component가 mount되었을 때만 실행시키고 싶다면 빈 dependency전달 ([]) const App=()=>{ const sayHello=()=>{ console.log("Hello"); } const [number,setNumber]=useState(0..