min

오늘 나는 cs 스터디로 MVVM과 FLUX에 대해서 공부해보는 시간을 가졌다. 내가 MVVM과 FLUX에 대해서 공부한 이유는 다음과 같다. 1. 면접에 자주 나오는 질문이라서 2. MVC는 들어봤어도 MVVM에 대해서는 들어본 적이 없어서 그래서 나는 오늘 저 2가지의 질문에 대해서 답해볼려고 한다. 1. MVC? MVVM??, FLUX ???? 도대체 뭐지??? MVC,MVVM,FLUX는 대표적인 디자인 패턴들의 예시다. 여기서 디자인 패턴은 우리가 만들려고 하는 서비스의 동작 원리를 설계한 설계도라고 한다. 즉 MVC,MVVM,FLUX는 설계도를 의미한다. 그럼 여기서는 MVC에 대해서는 추가적인 설명없이 MVVM,FLUX에 대해서 살펴보겠다. 1-1) MVVM MVVM은 모델과 뷰, 뷰모델로 이..

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

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