목록Frontend(Web, App)/React (1)

Leo의 기술 블로그

[React] Rendering Phase 와 Commit Phase란 무엇일까?

시작하기에 앞서 한상훈님의 React 리렌더링에 관한 영상을 보다가 모르는 부분이 있어 공부도 하고 생각도 정리할 겸 글을 작성하려고 한다. 회사에서 리액트를 자신있게 사용하고 있지만 영상을 보던 중 react에 rendering phase와 commit phase의 단계가 있다는 사실을 알게 됐다. 사실 두 단계가 무엇인지 모르고 키워드조차 처음들어서 다시 한번 공부를 더욱 해야 함을 느끼는 시간이기도 했다. 바로 공부한 내용을 정리해보자!! Render Phase와 Commit Phase란? Render Phase란 함수 컴포넌트를 기준으로 얘기하면 함수 컴포넌트가 호출되어 JSX를 통해 Virtual DOM을 만들고 이전에 만들었던 Virtual DOM과 비교하는 diff 알고리즘을 통해 달라진 부..
Frontend(Web, App)/React 2023. 11. 29. 00:01
이전 Prev 1 Next 다음