마크다운연습 - 편집 역사

2026년 10월 23일 (금) 16:35에 Kimseoyun님의 편집

2026-10-23T16:35:56Z

2026년 10월 23일 (금) 16:35에 Kimseoyun님의 편집

2026-10-23T16:35:35Z

2026년 10월 23일 (금) 16:34에 Kimseoyun님의 편집

2026-10-23T16:34:41Z

2026년 10월 23일 (금) 16:24에 Kimseoyun님의 편집

2026-10-23T16:24:34Z

2026년 10월 23일 (금) 16:23에 Kimseoyun님의 편집

2026-10-23T16:23:35Z

2026년 10월 23일 (금) 16:21에 Kimseoyun님의 편집

2026-10-23T16:21:54Z

2026년 10월 23일 (금) 16:20에 Kimseoyun님의 편집

2026-10-23T16:20:41Z

차이 보기

2026년 10월 23일 (금) 16:15에 Kimseoyun님의 편집

2026-10-23T16:15:46Z

2026년 10월 23일 (금) 16:14에 Kimseoyun님의 편집

2026-10-23T16:14:48Z

Kimseoyun: 새 문서:
💡 이 페이지 보는 법
왼쪽은 CLAUDE.md 2026-10-23T16:11:16Z 새 문서: <div style="padding:14px 16px; border-left:4px solid #1d4ed8; background:#eff6ff; margin:0 0 24px 0;"> <strong>💡 이 페이지 보는 법</strong><br> 왼쪽은 <code>CLAUDE.md</co... 새 문서 <div style="padding:14px 16px; border-left:4px solid #1d4ed8; background:#eff6ff; margin:0 0 24px 0;"> <strong>💡 이 페이지 보는 법</strong><br> 왼쪽은 <code>CLAUDE.md</code> 파일에 실제로 입력된 마크다운 원문이고, 오른쪽은 깃허브나 AI 도구처럼 마크다운을 지원하는 환경에서 그 원문이 보이는 모습입니다. 이 위키는 마크다운을 직접 해석하지 않기 때문에, 오른쪽 화면은 같은 모양을 HTML로 재현한 것입니다. </div> {{마크다운비교 |제목=① 문서 제목과 소개문 |문법=제목(#) · 문단 |원문=<pre style="margin:0; padding:10px; white-space:pre-wrap; word-break:break-word; font-size:13px; line-height:1.5; background:#f8fafc; border:1px solid #e2e8f0;"># CLAUDE.md Behavioral guidelines to reduce common LLM coding mistakes. Merge with project-specific instructions as needed.</pre> |결과=<div style="font-size:1.6em; font-weight:700; line-height:1.3; padding-bottom:4px; border-bottom:1px solid #d0d7de; margin:0 0 12px 0;">CLAUDE.md</div> <p style="margin:0;">Behavioral guidelines to reduce common LLM coding mistakes. Merge with project-specific instructions as needed.</p> }} {{마크다운비교 |제목=② 강조 문단 |문법=굵게() |원문=<pre style="margin:0; padding:10px; white-space:pre-wrap; word-break:break-word; font-size:13px; line-height:1.5; background:#f8fafc; border:1px solid #e2e8f0;">Tradeoff: These guidelines bias toward caution over speed. For trivial tasks, use judgment.</pre> |결과=<p style="margin:0;"><strong>Tradeoff:</strong> These guidelines bias toward caution over speed. For trivial tasks, use judgment.</p> }} {{마크다운비교 |제목=③ 1번 원칙 |문법=제목(##) · 굵게 · 목록(-) |원문=<pre style="margin:0; padding:10px; white-space:pre-wrap; word-break:break-word; font-size:13px; line-height:1.5; background:#f8fafc; border:1px solid #e2e8f0;">## 1. Think Before Coding Don't assume. Don't hide confusion. Surface tradeoffs. Before implementing: - State your assumptions explicitly. If uncertain, ask. - If multiple interpretations exist, present them - don't pick silently. - If a simpler approach exists, say so. Push back when warranted. - If something is unclear, stop. Name what's confusing. Ask.</pre> |결과=<div style="font-size:1.3em; font-weight:700; line-height:1.3; padding-bottom:4px; border-bottom:1px solid #d0d7de; margin:0 0 12px 0;">1. Think Before Coding</div> <p style="margin:0 0 10px 0;"><strong>Don't assume. Don't hide confusion. Surface tradeoffs.</strong></p> <p style="margin:0 0 4px 0;">Before implementing:</p> <ul style="margin:0;"> <li>State your assumptions explicitly. If uncertain, ask.</li> <li>If multiple interpretations exist, present them - don't pick silently.</li> <li>If a simpler approach exists, say so. Push back when warranted.</li> <li>If something is unclear, stop. Name what's confusing. Ask.</li> </ul> }} {{마크다운비교 |제목=④ 2번 원칙 |문법=제목(##) · 굵게 · 목록(-) · 문단 |원문=<pre style="margin:0; padding:10px; white-space:pre-wrap; word-break:break-word; font-size:13px; line-height:1.5; background:#f8fafc; border:1px solid #e2e8f0;">## 2. Simplicity First Minimum code that solves the problem. Nothing speculative. - No features beyond what was asked. - No abstractions for single-use code. - No "flexibility" or "configurability" that wasn't requested. - No error handling for impossible scenarios. - If you write 200 lines and it could be 50, rewrite it. Ask yourself: "Would a senior engineer say this is overcomplicated?" If yes, simplify.</pre> |결과=<div style="font-size:1.3em; font-weight:700; line-height:1.3; padding-bottom:4px; border-bottom:1px solid #d0d7de; margin:0 0 12px 0;">2. Simplicity First</div> <p style="margin:0 0 10px 0;"><strong>Minimum code that solves the problem. Nothing speculative.</strong></p> <ul style="margin:0 0 10px 0;"> <li>No features beyond what was asked.</li> <li>No abstractions for single-use code.</li> <li>No "flexibility" or "configurability" that wasn't requested.</li> <li>No error handling for impossible scenarios.</li> <li>If you write 200 lines and it could be 50, rewrite it.</li> </ul> <p style="margin:0;">Ask yourself: "Would a senior engineer say this is overcomplicated?" If yes, simplify.</p> }} {{마크다운비교 |제목=⑤ 3번 원칙 |문법=제목(##) · 굵게 · 목록 두 묶음 |원문=<pre style="margin:0; padding:10px; white-space:pre-wrap; word-break:break-word; font-size:13px; line-height:1.5; background:#f8fafc; border:1px solid #e2e8f0;">## 3. Surgical Changes Touch only what you must. Clean up only your own mess. When editing existing code: - Don't "improve" adjacent code, comments, or formatting. - Don't refactor things that aren't broken. - Match existing style, even if you'd do it differently. - If you notice unrelated dead code, mention it - don't delete it. When your changes create orphans: - Remove imports/variables/functions that YOUR changes made unused. - Don't remove pre-existing dead code unless asked. The test: Every changed line should trace directly to the user's request.</pre> |결과=<div style="font-size:1.3em; font-weight:700; line-height:1.3; padding-bottom:4px; border-bottom:1px solid #d0d7de; margin:0 0 12px 0;">3. Surgical Changes</div> <p style="margin:0 0 10px 0;"><strong>Touch only what you must. Clean up only your own mess.</strong></p> <p style="margin:0 0 4px 0;">When editing existing code:</p> <ul style="margin:0 0 10px 0;"> <li>Don't "improve" adjacent code, comments, or formatting.</li> <li>Don't refactor things that aren't broken.</li> <li>Match existing style, even if you'd do it differently.</li> <li>If you notice unrelated dead code, mention it - don't delete it.</li> </ul> <p style="margin:0 0 4px 0;">When your changes create orphans:</p> <ul style="margin:0 0 10px 0;"> <li>Remove imports/variables/functions that YOUR changes made unused.</li> <li>Don't remove pre-existing dead code unless asked.</li> </ul> <p style="margin:0;">The test: Every changed line should trace directly to the user's request.</p> }} {{마크다운비교 |제목=⑥ 4번 원칙 |문법=제목(##) · 굵게 · 목록 · 코드 블록(```) |원문=<pre style="margin:0; padding:10px; white-space:pre-wrap; word-break:break-word; font-size:13px; line-height:1.5; background:#f8fafc; border:1px solid #e2e8f0;">## 4. Goal-Driven Execution Define success criteria. Loop until verified. Transform tasks into verifiable goals: - "Add validation" → "Write tests for invalid inputs, then make them pass" - "Fix the bug" → "Write a test that reproduces it, then make it pass" - "Refactor X" → "Ensure tests pass before and after" For multi-step tasks, state a brief plan: ``` 1. [Step] → verify: [check] 2. [Step] → verify: [check] 3. [Step] → verify: [check] ``` Strong success criteria let you loop independently. Weak criteria ("make it work") require constant clarification.</pre> |결과=<div style="font-size:1.3em; font-weight:700; line-height:1.3; padding-bottom:4px; border-bottom:1px solid #d0d7de; margin:0 0 12px 0;">4. Goal-Driven Execution</div> <p style="margin:0 0 10px 0;"><strong>Define success criteria. Loop until verified.</strong></p> <p style="margin:0 0 4px 0;">Transform tasks into verifiable goals:</p> <ul style="margin:0 0 10px 0;"> <li>"Add validation" → "Write tests for invalid inputs, then make them pass"</li> <li>"Fix the bug" → "Write a test that reproduces it, then make it pass"</li> <li>"Refactor X" → "Ensure tests pass before and after"</li> </ul> <p style="margin:0 0 4px 0;">For multi-step tasks, state a brief plan:</p> <pre style="margin:0 0 10px 0; padding:12px; white-space:pre-wrap; font-size:13px; background:#f6f8fa; border:none; border-radius:6px;">1. [Step] → verify: [check] 2. [Step] → verify: [check] 3. [Step] → verify: [check]</pre> <p style="margin:0;">Strong success criteria let you loop independently. Weak criteria ("make it work") require constant clarification.</p> }} {{마크다운비교 |제목=⑦ 맺음말 |문법=구분선(---) · 굵게 |원문=<pre style="margin:0; padding:10px; white-space:pre-wrap; word-break:break-word; font-size:13px; line-height:1.5; background:#f8fafc; border:1px solid #e2e8f0;">--- These guidelines are working if:** fewer unnecessary changes in diffs, fewer rewrites due to overcomplication, and clarifying questions come before implementation rather than after mistakes.</pre> |결과=<hr style="border:none; border-top:2px solid #d0d7de; margin:0 0 12px 0;"> <p style="margin:0;"><strong>These guidelines are working if:</strong> fewer unnecessary changes in diffs, fewer rewrites due to overcomplication, and clarifying questions come before implementation rather than after mistakes.</p> }}

@@ 1번째 줄: / 1번째 줄: @@
 <div style="padding:14px 16px; border-left:4px solid #1d4ed8; background:#eff6ff; margin:0 0 24px 0;">
 <strong>💡 이 페이지 보는 법</strong><br>
-왼쪽은 <code>CLAUDE.md</code> 파일에 실제로 입력된 마크다운 원문이고, 오른쪽은 깃허브나 AI 도구처럼 마크다운을 지원하는 환경에서 그 원문이 보이는 모습입니다. 이 위키는 마크다운을 직접 해석하지 않기 때문에, 오른쪽 화면은 같은 모양을 HTML로 재현한 것입니다. <a href="https://dh.aks.ac.kr/~kimseoyun/wiki/practicemd.html"> 마크다운 실시간 연습장 가기</a>
+왼쪽은 <code>CLAUDE.md</code> 파일에 실제로 입력된 마크다운 원문이고, 오른쪽은 깃허브나 AI 도구처럼 마크다운을 지원하는 환경에서 그 원문이 보이는 모습입니다. 이 위키는 마크다운을 직접 해석하지 않기 때문에, 오른쪽 화면은 같은 모양을 HTML로 재현한 것입니다. [https://dh.aks.ac.kr/~kimseoyun/wiki/practicemd.html 마크다운 실시간 연습장 가기]
 </div>

@@ 156번째 줄: / 156번째 줄: @@
 깃허브 저장소에 들어갔을 때 가장 먼저 보이는 소개 문서입니다. 우리 팀 프로젝트가 <strong>무엇을, 어떤 데이터로, 어떻게</strong> 만드는지 처음 보는 사람에게 설명합니다.
 </div>
-<div style="display:flex; align-items:flex-start; margin:0 0 8px 0;"><span style="flex:0 0 26px; height:26px; line-height:26px; border-radius:50%; background:#dc2626; color:#fff; text-align:center; font-weight:700; margin-right:10px;">1</span><div>아래 예시에서 왼쪽 원문의 기호가 오른쪽에서 어떻게 바뀌는지 확인합니다.</div></div>
+<div style="display:flex; align-items:flex-start; margin:0 0 8px 0;"> 아래 예시에서 왼쪽 원문의 기호가 오른쪽에서 어떻게 바뀌는지 확인합니다.</div></div>
-<div style="display:flex; align-items:flex-start; margin:0 0 8px 0;"><span style="flex:0 0 26px; height:26px; line-height:26px; border-radius:50%; background:#dc2626; color:#fff; text-align:center; font-weight:700; margin-right:10px;">2</span><div>맨 아래 <strong>빈 틀</strong>을 복사해 마크다운 편집기(깃허브 웹 편집기 등)에 붙여 넣고, 팀 프로젝트 내용으로 채웁니다.</div></div>
 {{마크다운비교
 |제목=예시: 가상의 팀 README

@@ 1번째 줄: / 1번째 줄: @@
-<!doctype html>
+<div style="padding:14px 16px; border-left:4px solid #1d4ed8; background:#eff6ff; margin:0 0 24px 0;">
-<html lang="ko">
+<strong>💡 이 페이지 보는 법</strong><br>
-<head>
+왼쪽은 <code>CLAUDE.md</code> 파일에 실제로 입력된 마크다운 원문이고, 오른쪽은 깃허브나 AI 도구처럼 마크다운을 지원하는 환경에서 그 원문이 보이는 모습입니다. 이 위키는 마크다운을 직접 해석하지 않기 때문에, 오른쪽 화면은 같은 모양을 HTML로 재현한 것입니다.
 </div>
-<script>/**
- * marked v12.0.2 - a markdown parser
+{{마크다운비교
- * Copyright (c) 2011-
+|제목=① 문서 제목과 소개문

@@ 1번째 줄: / 1번째 줄: @@
+<!doctype html>
 <html lang="ko">
 <head>

@@ 149번째 줄: / 149번째 줄: @@
 <p style="margin:0;"><strong>These guidelines are working if:</strong> fewer unnecessary changes in diffs, fewer rewrites due to overcomplication, and clarifying questions come before implementation rather than after mistakes.</p>
 }}
 {{마크다운비교
-|제목=팀 프로젝트 README.md 초안
+|제목=예시: 가상의 팀 README
-|문법=구분선(---) · 굵게
+|문법=제목 · 굵게 · 목록 · 링크 · 표 · 체크리스트
-|원문=<pre style="margin:0; padding:10px; white-space:pre-wrap; word-break:break-word; font-size:13px; line-height:1.5; background:#f8fafc; border:1px solid #e2e8f0;">---
+|원문=<pre style="margin:0; padding:10px; white-space:pre-wrap; word-break:break-word; font-size:13px; line-height:1.5; background:#f8fafc; border:1px solid #e2e8f0;"># 서원지기: 조선 서원 배향 인물 지식그래프
-# 팀 이름: (프로젝트 제목)
+=== 빈 틀 (복사해서 사용) ===
-## 프로젝트 소개
+## 1. 프로젝트 소개
-우리 팀은 **(데이터셋 이름)**을 대상으로 (무엇을 밝히는) 지식그래프를 구축합니다.
+우리 팀은 **(데이터셋 이름)**을 바탕으로 (무엇과 무엇의 관계)를 지식그래프로 구축합니다.
-## 팀원
+## 2. 팀원
-- 홍길동 (국어국문학과) — 데이터 수집
+- (이름) (학과) — (역할)
-- 김철수 (사학과) — 그래프 설계
+- (이름) (학과) — (역할)
-## 데이터 출처
+## 3. 데이터 출처
-- [출처 이름](출처 주소)
+- [(출처 이름)]((출처 주소))
-## 그래프 데이터 설계
+## 4. 그래프 설계
-### 레이블(클래스)/노드
+## 5. 진행 상황
-| 레이블 | 노드 예시 | 주요 속성 |
+- [ ] 데이터셋 선정
-|---|---|---|
+- [ ] 노드·관계 설계
-| Person | 인물A, 인물B...|  name, birth_year, death_year |
+- [ ] 중간발표 준비</pre>
-### 관계 타입(엣지)
+<div style="padding:14px 16px; border:1px solid #cbd5e1; background:#f8fafc; margin:16px 0 0 0;">
-| 출발노드 | 도착노드 | 관계어 |
+<strong>✅ 자가점검</strong>
-|---|---|---|
+* 제목(#, ##) 뒤에 한 칸을 띄웠는가?
-| Person | Event |  participateIn |</pre>
+* 미리보기에서 표가 칸으로 나뉘어 보이는가? (둘째 줄 <code>|---|---|</code> 확인)
-|결과=<hr style="border:none; border-top:2px solid #d0d7de; margin:0 0 12px 0;"> </p>
+* 데이터 출처 링크를 눌렀을 때 실제 페이지가 열리는가?
-}}
+* 팀원 역할이 실제 분담과 일치하는가?