[항해 99 주특기 주차 1일차]

<회고록>

오늘 나는 리엑트와 관련된 항해 99 프로그램을 들었다. 나는 이 프로그램을 들으면서 가장 궁금했던 점이 컴포넌트 & 렌더링이었다.

즉 자세히 말하자면 리엑트가 없었을 때는 DOM을 직접 수정함으로써 동적인 UI를 만들었다.

하지만 리엑트가 오면서 선언적 프로그래밍으로 이 단점을 해결했다고 한다. 나는 여기서 이 단점을 해결한 방법이 궁금했어서 오늘은 그 방법에 대해서 알아볼려고 한다. 그리고 추가적으로 리엑트 렌더링 , 브라우저 렌더링에 대해서도 설명하겠다.

 

1. 리엑트의 내부 원리

리엑트가 DOM을 직접 수정하지 않고 어떻게 DOM을 바꿀까? 그 해답에는 virtual dom이라는 개념이 있다.

virtual dom이란 가상의 돔으로 리엑트의 핵심 기술중 하나이다. 자세한 설명은 내가 쓴 블로그 주소를 참고하면 좋을 거 같다.

https://minprogramming.tistory.com/entry/%EB%A6%AC%EC%97%91%ED%8A%B8%EB%A5%BC-%EB%8B%A4%EB%A3%A8%EB%8A%94-%EA%B8%B0%EC%88%A0-1%EA%B0%95

리엑트 렌더링 과정에 대하여...

2. 브라우저의 렌더링과 리엑트의 렌더링의 차이점에 대하여

리엑트의 렌더링이란 virtual dom을 가지고 기존의 dom을 수정하는 과정을 의미한다.

브라우저의 렌더링이란 dom을 가지고 화면에 페인팅을 하는 과정을 의미한다.

하지만 이렇게만 듣는다면 아무런 도움이 되지 않는다. 그래서 이 블로그를 참고하고 계속 고민하면서 내가 가지고 있는 개념이 맞는지 확인하는 작업이 필요할 것 같다.

https://minprogramming.tistory.com/entry/CSR-vs-SSR%EC%97%90-%EB%8C%80%ED%95%98%EC%97%AC

CSR vs SSR에 대하여...