// STUDY NOTES  ·  DATA STRUCTURE & ALGORITHM

알고리즘과 자료구조를
정리해두는 스터디 노트

Algo Crushers에서 같이 보는 자료들을 정적 페이지로 모아두는 곳입니다. 지금은 힙 노트가 먼저 들어가 있고, 이후 스터디하면서 정리한 내용들을 같은 형식으로 천천히 추가할 수 있게 잡아뒀습니다.

01

문서 컬렉션

CURRENT NOTE READY
힙(Heap)과 우선순위 큐
완전 이진 트리, 힙 속성, 배열 인덱스 매핑, Heapify Up/Down, 프로그래머스 "더 맵게" 풀이를 정리해둔 현재 메인 스터디 노트입니다.
인터랙션 포함 · 스터디 노트 open →
COLLECTION STATUS
CURRENT
Heap Lecture
정적 단일 문서 + JS 인터랙션 노트 구성
NEXT
Sorting / Graph / DP
스터디 진행하면서 같은 형식으로 추가 가능
DEPLOY
GitHub Pages Ready
정적 파일 기준으로 바로 배포 가능한 구조
NEW NOTE 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.htmlBFS 본문 노트네트워크 문제 해설
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