프론트엔드 개발자라면 알고 있어야할 브라우저의 동작 과정

📝 요약

• 브라우저에서 어떤 과정을 통해 렌더링이 실행되는지에 대해

🤔 생각하기

• 브라우저에 내가 한 작업이 렌더링 되는 과정에 대해서는 막연히 브라우저가 어떻게 계산해서 해주겠지 하고 넘어갔었다. 공부는 해야겠다고는 생각은 계속 하고 있었는데...
• 때마침 이런 감사한 글을 발견하였는데 이해하기도 쉽고, 모르는 단어도 많았지만 그것도 계속 내가 공부할 거리라는 생각이 들었다.
• 코드가 렌더링 되는 과정은 경이로울 정도로 복잡하고, 신기했다.
  • 특히 가상 DOM에 대해 리액트 기초 강의 등을 들으면서도 이상하게 이해가 되지 않았는데 렌더링 과정에 접목시키니 정말 정말 묵은 체증이 내려가는 느낌이었다!! 🤩