chore: initialize Obsidian configuration and theme for blog management workspace

2026-06-06 20:10:04 +09:00
parent e90f69029d
commit b56f088991
16 changed files with 819 additions and 18 deletions
@@ -0,0 +1,435 @@
+---
+marp: false
+theme: default
+paginate: true
+style: |
+  :root {
+    --color-primary: #2D6BE4;
+    --color-accent: #F4A623;
+    --color-bg: #F8F9FB;
+    --color-surface: #FFFFFF;
+    --color-text: #1A1A2E;
+    --color-sub: #5A6272;
+  }
+
+  section {
+    background: var(--color-bg);
+    color: var(--color-text);
+    font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
+    padding: 52px 64px;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+  }
+
+  pre {
+    position: relative;
+    padding: 0.75em 1em 0.75em 3.8em;
+    font-size: 1rem;
+    line-height: 1.65;
+    margin: 0.5em 0;
+    overflow: hidden;
+  }
+
+  pre::before {
+    content: " 1\A 2\A 3\A 4\A 5\A 6\A 7\A 8\A 9\A10\A11\A12\A13\A14\A15\A16\A17\A18\A19\A20\A21\A22\A23\A24\A25";
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 3.5em;
+    height: 100%;
+    padding: 0.75em 0.5em 0.75em 0;
+    box-sizing: border-box;
+    text-align: right;
+    white-space: pre;
+    line-height: 1.65;
+    font-size: 1rem;
+    font-size: 0.9rem;
+    color: #9a9a9a;
+    background: rgba(0, 0, 0, 0.08);
+    border-right: 1px solid rgba(0, 0, 0, 0.15);
+    pointer-events: none;
+    user-select: none;
+  }
+
+  pre code {
+    font-size: 1rem;
+    display: block;
+  }
+
+  code {
+    font-size: 0.95rem;
+  }
+
+  h1 {
+    color: var(--color-primary);
+    font-size: 2rem;
+    font-weight: 800;
+    line-height: 1.3;
+    margin-bottom: 0.5em;
+  }
+
+  h2 {
+    color: var(--color-primary);
+    font-size: 1.5rem;
+    font-weight: 700;
+    border-left: 6px solid var(--color-primary);
+    padding-left: 16px;
+    margin-bottom: 1em;
+  }
+
+  h3 {
+    color: var(--color-sub);
+    font-size: 1rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    margin-bottom: 0.4em;
+  }
+
+  p, li {
+    font-size: 1.05rem;
+    line-height: 1.75;
+    color: var(--color-text);
+  }
+
+  strong {
+    color: var(--color-primary);
+  }
+
+  blockquote {
+    border-left: 4px solid var(--color-accent);
+    background: #FFF8EC;
+    margin: 1em 0;
+    padding: 16px 24px;
+    border-radius: 0 8px 8px 0;
+    color: #7A5200;
+    font-style: normal;
+    font-size: 1.05rem;
+  }
+
+  table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: 0.95rem;
+  }
+
+  th {
+    background: var(--color-primary);
+    color: #fff;
+    padding: 10px 14px;
+    text-align: center;
+    font-weight: 700;
+  }
+
+  td {
+    padding: 9px 14px;
+    border-bottom: 1px solid #E0E4ED;
+    text-align: center;
+  }
+
+  tr:nth-child(even) td {
+    background: #EEF2FB;
+  }
+
+  .tag {
+    display: inline-block;
+    background: var(--color-primary);
+    color: #fff;
+    border-radius: 20px;
+    padding: 3px 14px;
+    font-size: 0.82rem;
+    font-weight: 700;
+    margin-right: 6px;
+  }
+
+  .tag-accent {
+    background: var(--color-accent);
+    color: #fff;
+  }
+
+  section.title {
+    background: var(--color-primary);
+    color: #fff;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+  }
+
+  section.title h1 {
+    color: #fff;
+    font-size: 2.4rem;
+    margin-bottom: 0.3em;
+  }
+
+  section.title p {
+    color: rgba(255,255,255,0.8);
+    font-size: 1.05rem;
+  }
+
+  section.divider {
+    background: var(--color-primary);
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start;
+  }
+
+  section.divider h2 {
+    color: #fff;
+    border-color: var(--color-accent);
+    font-size: 2rem;
+  }
+
+  section.divider p {
+    color: rgba(255,255,255,0.75);
+    font-size: 1rem;
+  }
+
+  footer {
+    font-size: 0.75rem;
+    color: var(--color-sub);
+  }
+---
+
+<!-- _class: title -->
+
+# 코딩자격증 5종<br>한눈에 비교
+
+### 초·중학생 단계별 추천 로드맵
+
+리치AI코딩학원 | 대구 달서구
+
+---
+
+## 목차
+
+1. 자격증, 왜 필요한가요?
+2. 5종 자격증 소개 — 두 가지 트랙
+3. 트랙 ① 알고리즘 코딩 자격증 (COS · 코딩활용능력 · COS Pro)
+4. 트랙 ② 인공지능 자격증 (AICE Junior · AICE Associate)
+5. 5종 한눈에 비교
+6. 단계별 추천 로드맵
+7. 리치AI코딩학원 커리큘럼
+8. 학생 성공 사례 (B군)
+9. 무료 체험수업 안내
+
+---
+
+## 이런 고민, 해보셨나요?
+
+<br>
+
+> "코딩도 자격증이 있던데, 인터넷을 보니 COS, AICE, 코딩활용능력 등 너무 다양한 자격증이 있는데… 도대체 뭐부터 시켜야 하나요?"
+
+<br>
+
+초·중학생 자녀를 둔 학부모님들이 가장 많이 하시는 질문입니다.
+
+오늘은 **코딩자격증 5종**과 **단계별 추천 로드맵**을 명확하게 정리해 드립니다.
+
+---
+
+<!-- _class: divider -->  
+
+## 두 가지 트랙으로 나뉩니다
+
+트랙 ① 알고리즘 코딩 자격증<br>트랙 ② 인공지능(AI) 자격증
+
+---
+
+## 트랙 ① 알고리즘 코딩 자격증
+
+기본기를 탄탄하게 다지는 과정
+
+| 자격증 | 도구 | 핵심 내용 |
+|--------|------|-----------|
+| **COS** | 스크래치 / 엔트리 | 블록코딩 입문 |
+| **코딩활용능력** | Python | 순차·조건·반복 기초 |
+| **COS Pro** | Python | 알고리즘 심화 |
+
+<br>
+
+블록코딩 → 텍스트 코딩으로 **자연스럽게 레벨업**하는 단계별 구조
+
+---
+
+## COS (Coding Specialist)
+
+<span class="tag">입문</span> <span class="tag">초등 4–6학년</span>
+
+<br>
+
+- **발급기관**: YBM
+- **사용 도구**: 스크래치 · 엔트리 (블록코딩)
+- **특징**: 코딩을 처음 시작하는 초등학생에게 가장 적합한 입문 자격증
+- **합격 기준**: 600점 이상 (1,000점 만점)
+
+<br>
+
+> 게임을 직접 만들며 자신감과 흥미를 동시에 키울 수 있습니다.
+
+---
+
+## 코딩활용능력 & COS Pro
+
+<span class="tag">기초-중급</span> <span class="tag">초등 6 – 중등 2학년</span>
+
+<br>
+
+**코딩활용능력**
+- 블록코딩을 마친 후 **파이썬(Python)** 텍스트 코딩으로 전환하는 첫 번째 시험
+- 순차 실행, **조건문(if)**, **반복문(for / while)** 완전 이해 필요
+
+<br>
+
+**COS Pro**
+- 파이썬 알고리즘 실력을 한 단계 높이는 **심화 과정**
+- 함수 설계·문제 해결 능력까지 종합 평가
+
+---
+
+<!-- _class: divider -->
+
+## 트랙 ② 인공지능(AI) 자격증
+
+KT × 한국경제신문 공동 개발<br>**AICE(에이스)** 시리즈
+
+---
+
+## AICE Junior
+
+<span class="tag tag-accent">AI 입문</span> <span class="tag">초등 5 – 중등 1학년</span>
+
+<br>
+
+- **발급기관**: KT × 한국경제신문
+- **사용 도구**: KT 노코드(No-code) ML 툴
+- **특징**: 코드 타이핑 없이 **마우스 클릭**만으로 AI 모델을 직접 만들어 보는 시험
+- **대상**: 비전공자 · 초등학생도 도전 가능
+
+<br>
+
+> AI의 원리를 직관적이고 흥미롭게 체험할 수 있는 첫 번째 AI 자격증
+
+---
+
+## AICE Associate
+
+<span class="tag tag-accent">AI 실전</span> <span class="tag">중등 2 – 고등</span>
+
+<br>
+
+- **사용 도구**: Python + TensorFlow · NumPy · pandas
+- **핵심 내용**: 실제 데이터를 활용한 **예측 · 분류 모델 구축**
+- **난이도**: 고난도 실전 시험
+
+<br>
+
+> AI · SW 분야 진로를 꿈꾸는 중·고등학생에게 **강력한 스펙**이 됩니다.
+
+---
+
+## 코딩자격증 5종 한눈에 비교
+
+| 자격증 | 발급기관 | 추천 학년 | 도구 | 핵심 특징 |
+|--------|----------|----------|------|-----------|
+| **COS** | YBM | 초4–초6 | 스크래치·엔트리 | 블록코딩 입문 |
+| **코딩활용능력** | 한국생산성본부 | 초6–중2 | Python | 알고리즘 기초 |
+| **COS Pro** | YBM | 중1–중3 | Python | 알고리즘 심화 |
+| **AICE Junior** | KT×한경 | 초5–중1 | 노코드 ML 툴 | AI 원리 체험 |
+| **AICE Associate** | KT×한경 | 중2–고2 | Python+TF | AI 실전 분석 |
+
+---
+
+## 단계별 추천 로드맵
+
+<br>
+
+```
+초등 4–5학년          초등 6–중등 1학년     중등 1–2학년         중등 2학년 이후
+      │                      │                    │                    │
+   COS 2급            코딩활용능력          COS Pro              AICE Associate
+ (블록코딩 입문)      (파이썬 기초)      &  AICE Junior        (AI 실전 분석)
+                                          (파이썬 심화 / AI 입문)
+```
+
+<br>
+
+**한 줄 요약**: COS → 코딩활용능력 → COS Pro · AICE Junior → AICE Associate
+
+---
+
+## 리치AI코딩학원 커리큘럼
+
+<br>
+
+- **IT · AI 전문 원장 2인**이 직접 설계한 커리큘럼
+- 로드맵 각 단계에 맞춘 **자체 제작 교안** 사용
+- "친구 따라 진도 빼기" 없이, **학생 수준별 맞춤 진도**
+- 다음 한 칸을 정확히 밟도록 설계된 단계별 구조
+
+<br>
+
+> 경북대학교 컴퓨터학부 박사 출신 원장 2인이 직접 커리큘럼을 설계합니다.
+
+---
+
+## 학생 성공 사례 — B군 (초5)
+
+<br>
+
+**시작**: 블록코딩 입문반 첫 등록
+- 엔트리 오브젝트 움직임조차 낯설어하던 단계
+
+**12주 후**: 반복문 단원 완주, 본인이 원하던 게임 직접 완성
+- "선생님, 다음 차시는 뭐예요?" 스스로 먼저 질문
+
+**1개월 후**: 어머님 재상담 요청
+> "이번 학기 안에 코딩활용능력을 응시해 보고 싶다고 아이가 **먼저** 말했어요."
+
+---
+
+## B군, COS 2급 합격!
+
+<br>
+
+- **시험**: COS (Coding Specialist) 2급
+- **합격 기준**: 600점
+- **B군 점수**: **900점대** (합격 커트라인 대비 +300점 이상)
+
+<br>
+
+> 흥미가 살아난 것을 확인한 뒤 시험을 권유했고,
+> B군은 첫 자격증을 **당당히** 손에 쥐었습니다.
+
+---
+
+## 무료 체험수업으로 출발점을 확인하세요
+
+<br>
+
+지금 우리 아이가 로드맵 **어느 지점**에 있는지, 무료 체험수업 한 회로 직접 확인하실 수 있습니다.
+
+<br>
+
+| | |
+|---|---|
+| **위치** | 대구 달서구 조암남로 164, 3층 |
+| **대상** | 초등 4학년 ~ 중등 2학년 |
+| **신청** | 네이버 예약 (댓글 · 메시지 신청) |
+
+<br>
+
+6월 말부터 **여름방학 코딩특강** 등록 시작 — 미리 진단받고 방학을 준비하세요.
+
+---
+
+<!-- _class: title -->
+
+# 감사합니다
+
+### 리치AI코딩학원
+대구 달서구 조암남로 164, 3층
+
+**무료 체험수업 신청 → 네이버 예약**