![]()
boostcource 모두를 위한 컴퓨터 과학 (CS50 2019) : David J. Malan www.boostcourse.org/cs112 모두를 위한 컴퓨터 과학 (CS50 2019) 부스트코스 무료 강의 www.boostcourse.org 컴퓨터 과학 (Computer Science) 문제 해결에 대한 학문 입력(input)을 전달받아 출력(output)을 만들어내는 과정에서 중간에 있는 과정을 컴퓨터 과학이라고 한다. 2진법 우리가 일상에서 사용하는 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 총 10개의 기호로 수를 표현하는 방식을 10진법이라고 한다. "123" 을 우리가 "백이십삼" 이라고 읽는 이유는 "1x100 + 2x10 + 3x1 = 123" 과 같이 10의 거듭제곱으로 자..
![]()
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 ! 가 콘솔창에 입력되는 것이 기대하는 결과였다. 하지만 실제 결과는 아래와 같았다...
