= ({
+ content,
+ detailedReferences = [],
+ onReferenceClick
+}) => {
+ // 마크다운 렌더링 함수
+ const renderMarkdown = (text: string): React.ReactNode => {
+ return (
+ (
+
+ {children}
+
+ ),
+ // 헤딩 스타일
+ h1: ({ children }) => (
+
+ {children}
+
+ ),
+ h2: ({ children }) => (
+
+ {children}
+
+ ),
+ h3: ({ children }) => (
+
+ {children}
+
+ ),
+ // 문단 스타일
+ p: ({ children }) => (
+
+ {children}
+
+ ),
+ // 리스트 스타일
+ ul: ({ children }) => (
+
+ ),
+ ol: ({ children }) => (
+
+ {children}
+
+ ),
+ li: ({ children }) => (
+
+ {children}
+
+ ),
+ // 강조 스타일
+ strong: ({ children }) => (
+
+ {children}
+
+ ),
+ em: ({ children }) => (
+
+ {children}
+
+ ),
+ // 코드 스타일
+ code: ({ children }) => (
+
+ {children}
+
+ ),
+ pre: ({ children }) => (
+
+ {children}
+
+ ),
+ // 인용 스타일
+ blockquote: ({ children }) => (
+
+ {children}
+
+ ),
+ // 테이블 스타일
+ table: ({ children }) => (
+
+ ),
+ th: ({ children }) => (
+
+ {children}
+ |
+ ),
+ td: ({ children }) => (
+
+ {children}
+ |
+ ),
+ }}
+ >
+ {text}
+
+ );
+ };
+
+ return (
+
+ {renderMarkdown(content)}
+
+ );
+};
+
+export default SimpleMarkdownRenderer;
\ No newline at end of file