min

오늘 나는 컴포넌트를 공부하면서 왜 함수형 컴포넌트를 클래스형 컴포넌트보다 많이 사용하는지가 궁금하여 한번 살펴보려고 한다. 먼저 클래스형 컴포넌트의 장단점을 살펴보자(리엑트를 다루는 기술을 참고해서 만듦) 1. 클래스형 컴포넌트의 장단점 1-1) 장점 클래스형 컴포넌트의 장점은 개발자가 설정할 수 있는 것들이 굉장히 많다. 이게 무슨 말이냐면 풀 옵션이 장착된 자동차라고 생각하면 편하다. 우리가 풀 옵션이 장착된 자동차를 보면 내가 할 수 있는 작업들이 많으며 내가 직접 세팅할 수 있는 것들이 많다. 1-2)단점 하지만 이렇게 풀 옵션이 많은 자동차에는 치명적인 단점이 있다. 바로 자동차에 풀 옵션을 관리하기가 힘들다는 점과 초보자가 사용하기에는 많이 어렵다는 것이다. 이를 클래스형 컴포넌트에 매칭을 ..

오늘은 리엑트를 다루는 기술 1강을 보면서 가장 몰랐던 내용은 리엑트가 왜 빠른지 였다. 책에서 나온 설명으로는 리엑트가 빠른 이유가 virtual dom이라고 하는데 도대체 virtural dom은 뭐고 dom도 뭔지 잘 몰라서 그거에 대해서 조사를 해본 결과를 한번 말해보겠다. 브라우저는 크게 초기 렌더링, 업데이트시의 렌더링, 이렇게 2가지의 렌더링을 거친다. 첫번째, 초기 렌더링은 말 그대로 처음 웹사이트를 들어왔을 때 거치는 과정이다. 이때 브라우저는 새로운 DOM을 만든다. (참고 : 렌더링이란 브라우저에 리소스(html,css,js)를 그리는 작업을 뜻한다.) 두번째, 업데이트시의 렌더링은 다른 페이지로 이동했을때 발생하는 렌더링을 말한다. 브라우저는 업데이트된 DOM을 만들고 기존에 있던 ..