더북(TheBook)

20.6.4 Prismjs를 사용하여 코드에 색상 입히기

 

Prismjs를 사용하여 코드 블록을 아름답게 꾸며 줍시다! Prismjs 관련 코드를 불러온 후 Prism.highlightAll() 함수를 호출하면 화면에 있는 코드 블록에 스타일을 입힙니다.

이 함수는 마크다운이 변환되어 html을 렌더링한 후 반영해야 합니다. 따라서 componentDidUpdate에서 state 값이 바뀔 때 이 코드를 호출해 주세요.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.