Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- next.js css
- ngrok실행
- styled components
- API 토큰
- react
- github io
- icon
- createGlobalStyle
- nextjs
- fetch
- typescript react
- CSS
- getModifierState
- react env
- API token
- rewrites
- SCSS
- dart 변수
- input type=file
- 컨디셔널 렌더링
- react typescript
- ngrok설치
- nextjs 설치
- git lab
- Git
- nextjs .env
- npm styled-reset
- github
- There isn’t anything to compare
- bootstrap
Archives
- Today
- Total
꾸준히 성장하는 개발자
react 하는일 본문
리액트가 하는 일
리액트의 핵심 모듈 2개로 리액트가 하는 일 알아보기
-react-dom
-react
// 1. 리액트 컴포넌트 => HTMLElement 연결하기
import ReactDOM from 'react-dom';
// 2. 리액트 컴포넌트 만들기
import React from 'react';
ReactDOM.render
: main이라고 생각하면 될 듯 ,, 시작 함수
JS, JSX를 사용한 React 컴포넌트를 HTMLElement에 연결해주는 역할
"만들어진 리액트 컴포넌트" 를 실제 HTMLElement에 연결할 때 ReactDOM 라이브러리를 이용합니다.
https://reactjs.org/docs/react-dom.html
ReactDOM – React
A JavaScript library for building user interfaces
reactjs.org
'React' 카테고리의 다른 글
Component Lifecycle (0) | 2022.01.21 |
---|---|
react Event Handling (0) | 2022.01.14 |
react 준비 (0) | 2022.01.09 |
React Keyword (0) | 2022.01.09 |
react??? (0) | 2022.01.06 |