250x250
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
- upgrade
- Regular expression
- Spring Batch
- java
- Effective Java
- update
- Express
- eslint
- Effective Java 3/e
- regex
- current_date
- MySQL
- 정규표현식
- git
- mysql 5.5
- REACTJS
- spring
- migration
- JavaScript
- log_bin
- log4j2
- expire_logs_days
- nodejs
- try catch
- REACT
- 퀵소트
- npm
- Chunk
- Node
- spring cloud
Archives
- Today
- Total
내 세상
[React] React Component/JSX Element to Html 본문
728x90
반응형
ko.reactjs.org/docs/react-dom-server.html
ReactDOMServer – React
A JavaScript library for building user interfaces
ko.reactjs.org
ReactDOMServer – React
A JavaScript library for building user interfaces
ko.reactjs.org
renderToString()
ReactDOMServer.renderToString(element)
React 엘리먼트의 초기 HTML을 렌더링합니다. React는 HTML 문자열을 반환합니다. 빠른 페이지 로드를 위해 초기 요청 시에 서버에서 HTML을 생성하여 마크업을 보내거나, 검색 엔진 최적화를 위해 검색 엔진이 페이지를 크롤링할 수 있도록 하는데 사용할 수 있습니다.
이미 서버 렌더링 된 마크업이 있는 노드에서 ReactDOM.hydrate()를 호출할 경우 React는 이를 보존하고 이벤트 핸들러만 연결함으로써 매우 뛰어난 첫 로드 성능을 보여줍니다.
728x90
반응형
'Technical > React' 카테고리의 다른 글
| [React] Regex/정규표현식/Regular Expression (0) | 2021.12.10 |
|---|---|
| [React] react-contextmenu에서 react-contexify로 변경한 이유 (0) | 2021.04.21 |
| [React] Dialog 위 Component Focus Setting (0) | 2020.06.09 |
| [React] Browser HTTP connetions in Node.js (0) | 2020.05.14 |
| [React] Class Component / Function Component / Arrow Function (0) | 2020.05.11 |