html-react-parser은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

html-react-parser은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

html-react-parser은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. html-react-parser의 마지막 커밋은 2026년 11월 6일입니다.

html-react-parser은(는) 어디에 사용할 수 있나요?

CMS 또는 Markdown 파이프라인에서 가져온 HTML 콘텐츠를 React 앱 안에서 렌더링합니다. 렌더링 중 링크나 이미지 같은 포함된 태그를 React 컴포넌트로 바꿉니다. Node.js 기반 React 애플리케이션에서 HTML 조각을 서버 측 렌더링합니다.

html-react-parser는 어떻게 설치하나요?

npm으로 설치: npm install html-react-parser --save HTML 문자열을 가져와 파싱

html-react-parser은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/remarkablemark/html-react-parser

remarkablemark/html-react-parser

HTML 문자열을 Node.js와 브라우저에서 React 요소로 변환하는 HTML-to-React 파서입니다.

GitHub에서 보기 웹사이트

스타: 2,431
포크: 144
열린 이슈: 12
마지막 커밋: 어제

어떤 프로젝트인가요?

html-react-parser는 HTML 문자열을 하나 이상의 React 요소로 변환하므로, CMS, 데이터베이스 또는 API에서 가져온 마크업을 dangerouslySetInnerHTML을 사용하지 않고 React 컴포넌트 안에서 렌더링할 수 있습니다. 서버(Node.js)와 클라이언트(브라우저) 모두에서 동작하며, UMD 번들로 CDN에서 불러올 수도 있습니다.

parse 함수는 선택적으로 options 객체를 받습니다. replace 옵션을 사용하면 특정 DOM 노드를 직접 만든 React 요소로 바꿀 수 있으며, 자식 요소와 속성을 처리할 때는 domToReact 및 attributesToProps 같은 헬퍼를 사용할 수 있습니다. transform 옵션으로 파싱된 각 요소를 수정할 수 있고, library 옵션을 사용하면 React 대신 Preact나 사용자 지정 UI 라이브러리를 지정할 수 있습니다. 그 밖에 공백을 처리하는 trim, 서버 측 파싱을 위한 htmlparser2 설정, 브라우저 Trusted Types를 위한 trustedTypePolicy 옵션도 제공됩니다.

이 라이브러리는 HTML을 sanitize하지 않으므로 자체적으로 XSS를 방지하지 않습니다. 신뢰할 수 없는 출처의 입력은 sanitize하거나 Content Security Policy와 Trusted Types로 보호해야 합니다.

핵심 기능

01HTML 문자열을 컴포넌트에서 바로 렌더링할 수 있는 React 요소로 변환합니다.
02서버 측 렌더링을 위한 Node.js와 브라우저 모두에서 동작합니다.
03replace 옵션으로 조건에 맞는 DOM 노드를 사용자 지정 React 요소로 바꿉니다.
04transform 옵션으로 변환 후 파싱된 각 요소를 수정합니다.
05library 옵션을 통해 Preact 또는 사용자 지정 UI 라이브러리를 지원합니다.
06공백과 파싱 동작을 제어하는 trim 옵션 및 htmlparser2 설정을 제공합니다.

활용 사례

CMS 또는 Markdown 파이프라인에서 가져온 HTML 콘텐츠를 React 앱 안에서 렌더링합니다.
렌더링 중 링크나 이미지 같은 포함된 태그를 React 컴포넌트로 바꿉니다.
Node.js 기반 React 애플리케이션에서 HTML 조각을 서버 측 렌더링합니다.

빠른 시작

1
npm으로 설치
npm install html-react-parser --save
2
HTML 문자열을 가져와 파싱

사용 전 알아둘 점

XSS에 안전하지 않습니다. README에 HTML을 정화하지 않는다고 명시되어 있습니다.
잘못된 HTML을 정화하지 않습니다.
htmlparser2 옵션은 서버(Node.js)에서만 작동하며 브라우저에서는 작동하지 않습니다.

토픽

#react #html #parser #javascript #typescript #jsx #dom#html-react-parser#library #npm

자주 묻는 질문

html-react-parser은(는) 무엇인가요?: HTML 문자열을 Node.js와 브라우저에서 React 요소로 변환하는 HTML-to-React 파서입니다. html-react-parser는 HTML 문자열을 하나 이상의 React 요소로 변환하므로, CMS, 데이터베이스 또는 API에서 가져온 마크업을 dangerouslySetInnerHTML을 사용하지 않고 React 컴포넌트 안에서 렌더링할 수 있습니다. 서버(Node.js)와 클라이언트(브라우저) 모두에서 동작하며, UMD 번들로 CDN에서 불러올 수도 있습니다.
html-react-parser은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?: html-react-parser은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
html-react-parser은(는) 아직 유지보수되고 있나요?: 활발히 유지보수 중. html-react-parser의 마지막 커밋은 2026년 11월 6일입니다.
html-react-parser은(는) 어디에 사용할 수 있나요?: CMS 또는 Markdown 파이프라인에서 가져온 HTML 콘텐츠를 React 앱 안에서 렌더링합니다. 렌더링 중 링크나 이미지 같은 포함된 태그를 React 컴포넌트로 바꿉니다. Node.js 기반 React 애플리케이션에서 HTML 조각을 서버 측 렌더링합니다.
html-react-parser는 어떻게 설치하나요?: npm으로 설치: npm install html-react-parser --save HTML 문자열을 가져와 파싱
html-react-parser은(는) 어디서 받을 수 있나요?: 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/remarkablemark/html-react-parser

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

한눈에 보기

카테고리: 프론트엔드·UI
언어: TypeScript
라이선스: MIT
생성일: 2016년 8월 20일
마지막 커밋: 2026년 11월 6일
Repolode 등록일: 2026년 10월 28일

유지 관리 현황

스타 수보다 프로젝트가 제대로 관리되는지 더 잘 보여 줍니다

최근 90일 커밋 124개 · 최근 100개는 5명이 작성
최근 릴리스 18일 전 · 총 175개
CI: 워크플로 7개 · 최근 실행 통과
테스트 있음
최근 90일 변경은 주로 코드 (코드 75%)
최근 이슈 30개 중 30개에 응답 · 전체 이슈 종료율 95%

GitHub 데이터, 매주 업데이트 (2026년 10월 28일)

스타 증가

어제: 0
최근 7일: 0

2026-10-29부터 매일 기록

더 알아보기

AI가 코드베이스 전체를 읽고 만든 심층 해설:

DeepWiki Zread

클론

git clone https://github.com/remarkablemark/html-react-parser.git

메인테이너분들께

등록된 프로젝트라면 README에 이 배지나 스타 추이 차트를 추가해 보세요. GitHub Trending에 오른 적이 있으면 배지에 최고 순위가 표시됩니다.

[![Featured on Repolode](https://repolode.com/badge/remarkablemark/html-react-parser)](https://repolode.com/en/repo/remarkablemark/html-react-parser)

[![Star growth on Repolode](https://repolode.com/badge/remarkablemark/html-react-parser/stars)](https://repolode.com/en/repo/remarkablemark/html-react-parser)