Open woowahan-pjs opened 2 months ago
<code class="language-java">public class OutputView {
public void printMenu() {
System.out.println("<주문 메뉴>");
// ...
}
// ...
}
</code>
검토 필요
@woowahan-cron
서버에서 마크다운을 HTML로 변환할 때 이미 <code>
태그와 클래스의 language-xxxx
속성을 포함하고 있네요. 따라서 서버가 제공하는 HTML 코드에 코드 강조 표시를 포함하여 마크다운 스타일을 지정하는 방법에는 크게 두 가지가 있는 것 같습니다. 두 가지 방법 중 마음에 드는 방법을 선택하시면 되며, 먼저 적용하신 후 코드 리뷰 등을 통해 피드백을 받아 보시면 좋을 것 같습니다.
아래는 2번으로 적용한 간단한 예입니다.
github-markdown.css
를 가져왔습니다.import "github-markdown-css/github-markdown.css";
import "highlight.js/styles/github.css";
AssignmentViewer
의 useEffect 훅에 hljs.highlightAll()
을 추가하였습니다.useEffect(() => {
fetchRequirement();
hljs.highlightAll();
});
App.css
에서 <ul>
과 <ol>
태그의 list-style: none
값을 제거하였습니다.
<div>
태그에 markdown-body
클래스를 추가하고 해당 클래스만 제외하면 됩니다.<div className="markdown-body" dangerouslySetInnerHTML={{ __html: description }} />
SUBMITTING
이 아닌 경우에는 활성화되거나 표시되지 않아야 한다.