highlight 라인 번호2 [React highlight.js] 사용, 라인 번호, 복사 기능 📌highlight.js 사용 - highlight.js는 코드 구문 강조를 쉽게 구현할 수 있도록 도와주는 JavaScript 라이브러리 📍설치// 🔽 저는 기본 highlight.js 진행npm install highlight.js// ✅ 아래와 같은 방법으로 위와 다르게 설치 후 편하게 사용할 수 있습니다.// 1npm install react-highlight// 2 👍npm install react-syntax-highlighter// import import hljs from 'highlight.js';// css 테마import 'highlight.js/styles/default.css'; 📍테마 변경하기테마 리스트테마 Demo 미리보기 ✅ import 'highlight.js/s.. 2025. 5. 12. [highlight.js] 구문 강조, 번호 추가, navigator.clipboard 복사 📌 highlight.js란? - highlight.js는 코드 구문 강조를 쉽게 구현할 수 있도록 도와주는 JavaScript 라이브러리- 코드 블록을 감지해서 언어에 맞게 색상과 스타일을 자동으로 적용- 다양한 테마를 활용하여 디자인에 맞게 코드 스타일 적용 가능 🔗 highlight.js.org highlight.jsUsage highlight.js can be used in different ways such using CDNs, hosting the bundle yourself, as a Vue plug-in, as ES6 modules, with Node.js, and web workers. See our README on GitHub for more details. As a Module .. 2025. 5. 7. 이전 1 다음 반응형
