고등학교 특성화 자료구조 교과서를 바탕으로 한 강의 자료입니다. 언더테일 같은 턴제 RPG 만들기를 하나의 줄거리로 두고, 세이브·메뉴·대사·스토리 분기·인벤·아이템 찾기까지 필요한 자료구조만 골라 배우도록 했어요. 중학생 수준에서도 이해할 수 있도록 쉬운 말과 비유로 설명했고, 모바일에서도 실습할 수 있는 웹 페이지를 포함합니다. 프로그래밍기능사 필기·실기 대비와 전년도 기출 유형 예제를 함께 넣었어요.
각 단원 강의는 약 5분 읽기 단위로 쪼개져 있어요. 단원을 누르면 "이 단원에서 읽을 글 목록"이 나오고, 하나씩 읽으면 집중이 잘 돼요.
| 단원 | 강의 (5분씩 읽기) | 실습 |
|---|---|---|
| I | 자료와 자료 구조 (5편) | 진법 변환 · 리스트 |
| II | 선형 구조 (4편) | 스택 · 큐 · 덱 |
| III | 비선형 구조 (4편) | 트리 · 그래프 |
| IV | 자료 정렬 (3편) | 정렬 |
| V | 자료 탐색 (3편) | 탐색 |
- 📋 전년도 기출 유형 예제 — 스택/큐 출력 결과, 정렬 단계, 이진 탐색, 트리 순회 등 시험에 나온 유형을 중학생도 풀 수 있게 정리했어요.
- 📖 용어 어원 & 프로그래밍 조크 — Bit, Byte, Algorithm, Bug, Stack, Queue, Hash, Cache 등 어원·유래와 짬짬이 읽기 좋은 프로그래밍 조크 모음.
| 링크 | 설명 |
|---|---|
| https://joygram.github.io/algorithm_lect/ | 사이트 직접 링크 (클릭하면 바로 이동). 슬래시 없이 .../algorithm_lect로 들어가도 자동으로 /가 붙어서 이동합니다. |
저장소에서 index.html을 눌러도 소스만 보이므로, 웹처럼 보려면 GitHub Pages를 켜야 합니다.
- 위 링크 또는 Settings → 왼쪽 Pages 이동
- Build and deployment → Source를 Deploy from a branch로 선택
- Branch에서
gh-pages선택, Folder는 / (root) → Save 클릭 - 저장 후 1~2분 기다리면
https://joygram.github.io/algorithm_lect/에서 접속 가능 (캐시 때문에 더 걸릴 수 있음)
gh-pages브랜치가 이미 있으므로, Source만 위처럼 맞춰 두면 됨.main에 푸시할 때마다 Actions가gh-pages를 자동 갱신함.
- 저장소 루트에
index.html,css/,lectures/등이 있어야 함 (폴더 안에 또 넣어 두면 안 됨) - 루트에 .nojekyll 파일이 있으면 Jekyll 없이 그대로 서비스됨 (이 프로젝트는 포함됨)
index.html을 브라우저에서 열거나, 터미널에서npx serve .또는python -m http.server 8080실행 후 접속
각 페이지 상단에서 테마를 바꿀 수 있어요. 라이트 / 다크 / 세피아 / 블루 중 선택하면 localStorage에 저장되어 다음 방문 때도 유지됩니다.
모든 실습 페이지는 반응형으로 제작되어 휴대폰에서도 터치로 조작할 수 있습니다.
값 입력 후 버튼으로 Push/Pop, Enqueue/Dequeue, 정렬 단계 실행, 탐색 시뮬레이션 등을 할 수 있습니다.
교육용으로 자유롭게 활용 가능합니다.