// STUDY NOTES · DATA STRUCTURE & ALGORITHM
알고리즘과 자료구조를
정리해두는 스터디 노트
Algo Crushers에서 같이 보는 자료들을 정적 페이지로 모아두는 곳입니다. 지금은 힙 노트가 먼저 들어가 있고, 이후 스터디하면서 정리한 내용들을 같은 형식으로 천천히 추가할 수 있게 잡아뒀습니다.
01
문서 컬렉션
힙(Heap)과 우선순위 큐
완전 이진 트리, 힙 속성, 배열 인덱스 매핑, Heapify Up/Down, 프로그래머스 "더 맵게" 풀이를 정리해둔 현재 메인 스터디 노트입니다.
인터랙션 포함 · 스터디 노트
open →
COLLECTION STATUS
CURRENT
Heap Lecture
정적 단일 문서 + JS 인터랙션 노트 구성
NEXT
Sorting / Graph / DP
스터디 진행하면서 같은 형식으로 추가 가능
DEPLOY
GitHub Pages Ready
정적 파일 기준으로 바로 배포 가능한 구조
BFS와 네트워크
인접 행렬을 그래프로 바꾸는 과정, `visited` 배열의 역할, BFS 순회 흐름, 네트워크 개수 계산 과정을 시뮬레이션과 함께 정리한 노트입니다.
그래프 순회 · 스터디 노트
open →
자료구조
Heap, Stack, Queue, Tree, Graph 같은 기초 구조를 페이지 단위 노트로 정리해둘 수 있습니다.
알고리즘
정렬, 탐색, 그리디, DP, BFS/DFS처럼 스터디에서 다룬 주제를 같은 포맷으로 이어갈 수 있습니다.
페이지 형식
문서형 레이아웃, 코드 블록, 설명 카드, 요약 박스, 인터랙션 박스를 공통 형식으로 재사용합니다.
운영 방식
새 주제가 생기면 `*.html` 파일을 추가하고 이 인덱스에 링크만 연결하면 됩니다.
02
정리 방식
지금 기준으로는 `heap_lecture.html`이 첫 번째 노트이고, 이후 스터디하면서 필요한 주제를 같은 방식으로 하나씩 추가하면 됩니다. 홈은 그 노트들을 모아보는 인덱스 역할만 하면 충분합니다.
현재 진입 경로
`index.html` → 컬렉션 개요 / 문서 목록
`heap_lecture.html` → 힙 상세 노트
`bfs_network.html` → BFS 상세 노트
`index.html` → 컬렉션 개요 / 문서 목록
`heap_lecture.html` → 힙 상세 노트
`bfs_network.html` → BFS 상세 노트
| 파일 | 역할 | 비고 |
|---|---|---|
index.html | 정적 페이지 메인 인덱스 | 스터디 노트 허브 |
heap_lecture.html | 힙 본문 노트 | 현재 공개된 페이지 |
bfs_network.html | BFS 본문 노트 | 네트워크 문제 해설 |
study_notes.css | 공통 디자인 시스템 | 인덱스와 강의 페이지가 같이 사용 |
new_topic.html | 추가 예정 문서 | 같은 패턴으로 확장 |
다음에 페이지를 늘릴 때 추천 패턴
// structure/
index.html
heap_lecture.html
bfs_network.html
sorting_lecture.html
graph_lecture.html
dp_lecture.html
study_notes.css
heap_lecture.js
heap_lecture_data.js
heap_lecture_render.js
bfs_network.js
bfs_network_data.js
bfs_network_render.js