inflearn logo
강의

講義

知識共有

非専門家のための真の入門オールインワン開発ブートキャンプ

コンポーネントの使い方

컴포넌트 이해

282

wishks146178

投稿した質問数 102

2

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

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

回答 2

0

wishks146178

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

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

0

grab

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

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

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

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

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

0

160

2

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

0

141

2

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

0

123

2

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

0

140

2

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

0

97

2

Ngrok 설치 후 forwarding Url 에러

0

133

2

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

0

217

2

Ngrok 설치 후 forwarding Url로 연결 불가

0

135

1

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

0

65

1

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

0

149

1

6강/7강 수업

0

50

1

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

0

98

2

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

0

134

2

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

0

88

1

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

0

127

2

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

0

90

2

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

0

193

1

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

0

119

1

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

0

236

1

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

0

419

1

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

0

354

2

포스트맨 질문

0

99

1

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

0

260

2

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

0

473

2