inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

컴포넌트 사용하기

컴포넌트 이해

282

신진

작성한 질문수 102

2

컴포넌트가 자바스크립트 함수로 이루어지고 그안에 html 형식이 들어가 ui를 그려준다고 들었습니다.
 
그러면 dom과 컴포넌트의 관계는 무엇일까요..

머신러닝 배워볼래요? react-native tensorflow react javascript express HTML/CSS nodejs

답변 2

0

신진

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

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

0

그랩

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

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

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

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

[해결]그랩님 답변 주세요.

0

169

2

그랩님의 답변을 기다립니다/102강 전반적인 에러

0

145

2

[그랩님께]101강 안드로이드 에러들(Key prop)해결방법 궁금합니다.

0

128

2

[재질문][그랩님 답변 부탁드립니다]101강

0

145

2

[그랩님 답변 부탁드립니다]101강 Axios 에러와 502 Bad Gateway 질문

0

101

2

Ngrok 설치 후 forwarding Url 에러

0

135

2

[그랩님께,Ngrok 악성코드 인식 해결방법]질문 드립니다.

0

225

2

Ngrok 설치 후 forwarding Url로 연결 불가

0

143

1

그랩님,[꼭] 답변 부탁드립니다.

0

72

1

[꼭][[꼭] 그랩님, 답변 부탁드립니다], Failed to load resource: the server responded with a status of 404 (Not Found) 상품 상세 페이지 질문입니다.

0

156

1

6강/7강 수업

0

54

1

그랩님, 상품 상세 페이지 에러와 의문점 질문드립니다.

0

101

2

그랩님, 해결되지 않은 에러 메시지 [꼭] 답변 부탁 드립니다.

0

139

2

[재 질문]Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?

0

90

1

Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?

0

130

2

일반적인 css 꾸미기에서 width와 height의 값?

0

95

2

Windows에서의 업로드 후 홈화면 상품이미지 오류 해결방법

0

200

1

그랩마켓 웹화면 구현하기 -2 질문입니다.

0

125

1

react에 반영이 되지 않습니다.

0

246

1

터미널 npm install -g create-react-app 작성 후 오류

0

423

1

create-react-app my app 실행 시 에러

0

358

2

포스트맨 질문

0

100

1

<꼭 답변 부탁 드립니다>그랩선생님, [컴포넌트 사용하기] 강의에서 질문 있습니다.

0

261

2

그랩선생님, 질문 답변 부탁 드립니다.vscode에서 npm install -g create-react-app 입력 후 에러 입니다.

0

484

2