컴포넌트 이해

항상 친절한 답변 감사드립니다.

설명이 너무 좋아 새로운 나온 강의도 신청했습니다.

react에서 컴포넌트는 개발자가 개발할 때 사용하는 하나의 화면 단위라고 보시면 될 것 같습니다!

반면 dom은 브라우저 레벨에서 화면 UI를 수정할 수 있는 API입니다. 

예를 들어 리액트로 버튼을 클릭하면 색이 바뀌는 컴포넌트를 개발했다면, 실제로 브라우저가 읽을 수 있는 자바스크립트의 형태로 변환 과정을 거칩니다. 그리고 실제로 브라우저에서 해당 컴포넌트를 클릭했을 때 내부적으로 DOM이 색을 바꾸도록 명령하여 ui를 변경시킵니다.

즉 컴포넌트는 react에서 코드를 작성하는 단위이고 DOM은 브라우저 레벨에서 화면을 조작하도록 돕는 API입니다. DOM이 훨씬 로우 레벨이라고 보시면 됩니다 :)