인프런 커뮤니티 질문&답변
작성한 질문수
컴포넌트 이해
작성
·
190
2
컴포넌트가 자바스크립트 함수로 이루어지고 그안에 html 형식이 들어가 ui를 그려준다고 들었습니다.
그러면 dom과 컴포넌트의 관계는 무엇일까요..
답변 2
0
0
그랩
지식공유자
react에서 컴포넌트는 개발자가 개발할 때 사용하는 하나의 화면 단위라고 보시면 될 것 같습니다!
반면 dom은 브라우저 레벨에서 화면 UI를 수정할 수 있는 API입니다.
예를 들어 리액트로 버튼을 클릭하면 색이 바뀌는 컴포넌트를 개발했다면, 실제로 브라우저가 읽을 수 있는 자바스크립트의 형태로 변환 과정을 거칩니다. 그리고 실제로 브라우저에서 해당 컴포넌트를 클릭했을 때 내부적으로 DOM이 색을 바꾸도록 명령하여 ui를 변경시킵니다.
즉 컴포넌트는 react에서 코드를 작성하는 단위이고 DOM은 브라우저 레벨에서 화면을 조작하도록 돕는 API입니다. DOM이 훨씬 로우 레벨이라고 보시면 됩니다 :)