React

DOM 문서 객체 모델. Document Object Model HTML / XML 문서에 접근하기 위한 인터페이스 DOM 조작 예시 JavaScript는 브라우저에서 Web API를 이용하고 DOM을 조작하기 위해 만들어진 언어 즉, DOM 조작을 위해서는 JavaScript를 이용한다 a b + function addItem () { const value = document.getElementById('input').value; const list = document.getElemendById('list'); const newItem = document.createElement('li'); const text = document.createTextNode(value); newItem.appendChi..

React의 Lifecycle에 대한 강의를 듣는 중 useEffect 사용 중에서도 Unmount 관련 실습을 도중하는 중에 이상한 부분이 있었다. const UnmountTest = () => { useEffect(() => { console.log("Mount!"); return () => { console.log("Unmount!"); }; }, []); return Unmount Testing Component } useEffect 의 호출되는 시점을 테스트 하기 위해서 위와 같이 코드를 작성하면 Unmount Testing Component 가 화면에 나타날 때 Mount ! 화면에서 사라질 때 Unmount ! 가 콘솔창에 입력되는 것이 기대하는 결과였다. 하지만 실제 결과는 아래와 같았다...