"Common References"의 두 판 사이의 차이
(새 문서: <div style="font-family: 'Noto Sans KR', sans-serif; max-width: 1000px; margin: 0 auto; color: #333; line-height: 1.6;"> <!-- 1. 타이틀 섹션 --> <div style="border-botto...) |
|||
| 3번째 줄: | 3번째 줄: | ||
<!-- 1. 타이틀 섹션 --> | <!-- 1. 타이틀 섹션 --> | ||
<div style="border-bottom: 3px solid #1d4e89; padding-bottom: 10px; margin-bottom: 40px;"> | <div style="border-bottom: 3px solid #1d4e89; padding-bottom: 10px; margin-bottom: 40px;"> | ||
| − | <h1 style="color: #1d4e89; margin: 0; font-size: 2.2em; border: none; border-bottom: none;"> | + | <h1 style="color: #1d4e89; margin: 0; font-size: 2.2em; border: none; border-bottom: none;">학습 메뉴얼</h1> |
| − | <p style="margin: 5px 0 0 0; color: #666; font-size: 1.1em;"> | + | <p style="margin: 5px 0 0 0; color: #666; font-size: 1.1em;">Common References</p> |
</div> | </div> | ||
| + | |||
| + | <div style="margin-bottom: 40px;"> | ||
| + | <h3 style="color: #1d4e89; border-left: 4px solid #1d4e89; padding-left: 10px; margin-bottom: 20px; border-bottom: none;">📘 위키 문법 & 네트워크 그래프 가이드</h3> | ||
| + | <div style="display: flex; gap: 20px; flex-wrap: wrap;"> | ||
<!-- 2. 관련 자료 링크 --> | <!-- 2. 관련 자료 링크 --> | ||
<div style="background-color: #f9f9f9; padding: 20px; border-radius: 8px; border: 1px solid #eee;"> | <div style="background-color: #f9f9f9; padding: 20px; border-radius: 8px; border: 1px solid #eee;"> | ||
| − | <h3 style="margin-top: 0; color: #555;">🔗 참고 자료 | + | <h3 style="margin-top: 0; color: #555;">🔗 참고 자료 </h3> |
<ul style="margin-bottom: 0;"> | <ul style="margin-bottom: 0;"> | ||
<li>[https://dh.aks.ac.kr/~jisun/edu/index.php/%EC%9C%84%ED%82%A4_%EB%AC%B8%EB%B2%95 <span style="color:#1d4e89; font-weight:bold;">상세 위키 문법 가이드 (외부링크)</span>]</li> | <li>[https://dh.aks.ac.kr/~jisun/edu/index.php/%EC%9C%84%ED%82%A4_%EB%AC%B8%EB%B2%95 <span style="color:#1d4e89; font-weight:bold;">상세 위키 문법 가이드 (외부링크)</span>]</li> | ||
| 15번째 줄: | 19번째 줄: | ||
</ul> | </ul> | ||
</div> | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <!-- 3. 필수 소프트웨어 도구 모음 --> | ||
| + | <div style="margin-bottom: 40px;"> | ||
| + | <h3 style="color: #1d4e89; border-left: 4px solid #1d4e89; padding-left: 10px; margin-bottom: 20px; border-bottom: none;">🛠️ 필수 소프트웨어 다운로드</h3> | ||
| + | <div style="display: flex; gap: 20px; flex-wrap: wrap;"> | ||
| + | |||
| + | <!-- 도구 1 --> | ||
| + | <div style="flex: 1; min-width: 200px; border: 1px solid #eee; padding: 20px; border-radius: 8px; text-align: center;"> | ||
| + | <h4 style="margin: 0 0 10px 0; color: #333;">Gephi</h4> | ||
| + | <p style="font-size: 0.9em; color: #666; margin-bottom: 15px;">네트워크 시각화 도구</p> | ||
| + | <span style="display: inline-block; padding: 5px 15px; border: 1px solid #1d4e89; border-radius: 20px;"> | ||
| + | [https://gephi.org/ <span style="color: #1d4e89; font-size: 0.9em;">공식 홈페이지</span>] | ||
| + | </span> | ||
| + | </div> | ||
| + | |||
| + | <!-- 도구 2 --> | ||
| + | <div style="flex: 1; min-width: 200px; border: 1px solid #eee; padding: 20px; border-radius: 8px; text-align: center;"> | ||
| + | <h4 style="margin: 0 0 10px 0; color: #333;">Python (Anaconda)</h4> | ||
| + | <p style="font-size: 0.9em; color: #666; margin-bottom: 15px;">데이터 분석 환경</p> | ||
| + | <span style="display: inline-block; padding: 5px 15px; border: 1px solid #1d4e89; border-radius: 20px;"> | ||
| + | [https://www.anaconda.com/ <span style="color: #1d4e89; font-size: 0.9em;">공식 홈페이지</span>] | ||
| + | </span> | ||
| + | </div> | ||
| + | |||
| + | <!-- 도구 3 --> | ||
| + | <div style="flex: 1; min-width: 200px; border: 1px solid #eee; padding: 20px; border-radius: 8px; text-align: center;"> | ||
| + | <h4 style="margin: 0 0 10px 0; color: #333;">Notepad++</h4> | ||
| + | <p style="font-size: 0.9em; color: #666; margin-bottom: 15px;">코드 에디터</p> | ||
| + | <span style="display: inline-block; padding: 5px 15px; border: 1px solid #1d4e89; border-radius: 20px;"> | ||
| + | [https://notepad-plus-plus.org/ <span style="color: #1d4e89; font-size: 0.9em;">공식 홈페이지</span>] | ||
| + | </span> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | </div> | ||
| − | <!-- | + | <!-- 4. 분류 태그 (버튼 스타일) --> |
<div style="margin-top: 40px; padding-top: 20px; border-top: 1px solid #eee;"> | <div style="margin-top: 40px; padding-top: 20px; border-top: 1px solid #eee;"> | ||
<span style="font-weight: bold; color: #555; margin-right: 10px; vertical-align: middle;">🏷️ Tags:</span><span style="display: inline-block; border: 1px solid #cbd5e0; border-radius: 20px; padding: 4px 12px; margin-right: 5px; margin-bottom: 5px; background-color: white;">[[:분류:Markdown|<span style="color: #475569; font-size: 0.9em;">Markdown</span>]]</span><span style="display: inline-block; border: 1px solid #cbd5e0; border-radius: 20px; padding: 4px 12px; margin-right: 5px; margin-bottom: 5px; background-color: white;">[[:분류:Manual|<span style="color: #475569; font-size: 0.9em;">Manual</span>]]</span><span style="display: inline-block; border: 1px solid #cbd5e0; border-radius: 20px; padding: 4px 12px; margin-right: 5px; margin-bottom: 5px; background-color: white;">[[:분류:NetworkGraph|<span style="color: #475569; font-size: 0.9em;">NetworkGraph</span>]]</span> | <span style="font-weight: bold; color: #555; margin-right: 10px; vertical-align: middle;">🏷️ Tags:</span><span style="display: inline-block; border: 1px solid #cbd5e0; border-radius: 20px; padding: 4px 12px; margin-right: 5px; margin-bottom: 5px; background-color: white;">[[:분류:Markdown|<span style="color: #475569; font-size: 0.9em;">Markdown</span>]]</span><span style="display: inline-block; border: 1px solid #cbd5e0; border-radius: 20px; padding: 4px 12px; margin-right: 5px; margin-bottom: 5px; background-color: white;">[[:분류:Manual|<span style="color: #475569; font-size: 0.9em;">Manual</span>]]</span><span style="display: inline-block; border: 1px solid #cbd5e0; border-radius: 20px; padding: 4px 12px; margin-right: 5px; margin-bottom: 5px; background-color: white;">[[:분류:NetworkGraph|<span style="color: #475569; font-size: 0.9em;">NetworkGraph</span>]]</span> | ||
2025년 11월 29일 (토) 13:05 기준 최신판
