useEffect2 [React] useEffect로 clickEvent 다루기 - Hooks 목표 useEffect로 component를 클릭했을때 console창을 update시켜준다. 1. ref안에 element.current가 있는지 확인하는 일을 한다. 2. element.current가 있다면 click이벤트를 부여한다. + (dependency가 존재하지 않는 한) useEffect는 componentWillUnMount일때 발생한다. useEffect안에 function을 넣으면 componentDidMount, componentDidUpdate상태일때 호출된다. (만약 dependency가 존재한다면) 매번 update될 때마다 eventListener가 추가될 것이다. (component가 unmount된다면 (=componentWillUnMount)) return한다. ret.. 2019. 11. 17. [React] useEffect로 HTML title 변경 - Hooks 목표 로딩되고 일정시간이 지나면 title 값을 바꾼다. useTitle에서 할 일 - title을 변경하기 위해 useState 사용한다. - title 변경해주는 updateTitle() 함수를 만든다. - useEffect를 사용해 updateTitle함수를 title이 변경될때마다 호출되게 한다. - 변경된 값을 return한다. // 본 코드는 Nomad Coders에서 공부한 내용이다. const useTitle = initialTitle => { const [title, setTitle] = useState(initialTitle); const updateTitle = () => { const htmlTitle = document.querySelector("title"); htmlTitle... 2019. 11. 13. 이전 1 다음 LIST