ProductsChannelsDownloads
EN둘러보기
100% 무료

시리즈 네비게이션 생성기

블로그 시리즈 글에 예쁜 목차를 넣어보세요.
코드 몰라도, 클릭 몇 번이면 완성됩니다.

핵심 원리

글 10개 목차를 하나하나 수정하고 계신가요?

파일 하나만 고치면 전부 자동 반영됩니다

1
여기서 목차 만들기코드 몰라도 클릭만으로 완성
2
파일 다운로드 & 세팅가이드대로 블로그에 적용
이후엔 파일 1개만 수정모든 글 목차가 자동 업데이트

이런 분께 추천해요

📈
다른 글도 보게 하고 싶어요
시리즈를 읽는 독자가 관련 글도 자연스럽게 탐색하게 만들고 싶은 분
😰
목차가 없어 독자가 헤매요
시리즈 글을 쓰는데 "다음 글이 뭐지?" 하고 이탈하는 독자가 아까운 분
🙅
HTML/CSS/JS를 잘 모르겠어요
코드 없이 클릭만으로 깔끔한 목차를 만들고 싶은 분
😤
매번 수정이 너무 귀찮아요
글이 추가될 때마다 이전 글의 목차를 하나하나 고치기 싫은 분
🎨
목차 디자인이 안 예뻐요
텍스트만 나열된 밋밋한 목차 말고, 블로그에 어울리는 예쁜 디자인을 원하는 분
⏱️
체류시간을 늘리고 싶어요
시리즈 목차가 있으면 독자가 자연스럽게 머물러서 블로그 지표가 올라가는 걸 체감하고 싶은 분

핵심 기능

🎨
10가지 디자인 템플릿
원클릭으로 색상과 스타일을 선택하세요. 커스텀 컬러도 지원합니다.
🛠️
세부 기능 설정
접기/펼치기, 현재 글 하이라이트, 이전/다음 글 네비게이션 등 토글 한 번으로 ON/OFF.
🔄
한 번 세팅, 파일 1개로 관리
처음 가이드대로 세팅해놓으면, 이후엔 JS 파일 하나만 수정하면 모든 글의 목차가 자동 반영됩니다.
코드 지식 불필요
5단계 스텝만 따라오면 5분이면 완성. 진짜 아무것도 몰라도 됩니다.
💾
작업 저장/불러오기
JS 파일로 저장하고 나중에 다시 불러와서 수정할 수 있어요. 작업 중간에 저장도 OK.
📦
ZIP 한 번에 다운로드
코드 파일 + 데이터 파일을 ZIP으로 한번에 받아서 바로 사용하세요.

지원 플랫폼

확인됨티스토리완벽 지원 — HTML 모드에서 바로 사용 가능

다른 플랫폼에서 사용하고 싶으신가요?

📧 buildify365@gmail.com 으로 문의해 주세요

무료인가요?

네, 완전 무료입니다.

이 위젯은 GitHub Pages의 무료 정적 호스팅을 활용합니다.
파일이 여러분의 GitHub 계정에 저장되므로 별도 서버 비용이 없습니다.

100GBGitHub 월 무료 대역폭
~50KB페이지뷰당 전송량
200만+월 커버 가능 조회수

브라우저 캐시까지 고려하면 실제로는 훨씬 더 많은 조회를 감당합니다.
혹시 그 이상의 트래픽이 발생하는 경우 buildify365@gmail.com으로 문의해 주세요.

참고: GitHub Pages 공식 문서 — 사용 제한

자주 묻는 질문

GitHub이 뭔가요?

파일을 인터넷에 올려두고 관리할 수 있는 무료 서비스입니다. 여기에 목차 파일을 올려서 티스토리에서 불러오는 용도로 사용합니다. 쉽게 말해 "무료 파일 저장소 + 무료 웹 호스팅"이라고 생각하시면 됩니다.

GitHub 계정이 없어도 되나요?

아니요, GitHub 계정이 필요합니다. 하지만 가입은 무료이고 1분이면 됩니다. 파일을 업로드하고 GitHub Pages를 켜는 것만으로 충분해요.

코딩을 전혀 몰라도 사용할 수 있나요?

네! 5단계 가이드를 따라가면 클릭만으로 완성됩니다. 코드를 직접 작성할 필요가 전혀 없습니다.

새 글을 추가하면 어떻게 하나요?

GitHub에 올린 시리즈 데이터 파일 하나만 수정하면 됩니다. 그러면 해당 시리즈의 모든 글에 자동으로 반영됩니다.

시리즈를 여러 개 만들 수 있나요?

네! 시리즈마다 별도의 데이터 파일을 만들면 됩니다. 렌더링 엔진은 하나로 공유하니까 파일만 추가하면 OK.

티스토리 외에 다른 블로그에서도 되나요?

현재는 티스토리에서만 동작을 확인했습니다. 다른 플랫폼에서 사용을 원하시면 buildify365@gmail.com으로 문의해 주세요.

블로그 로딩 속도에 영향이 있나요?

위젯 파일 크기가 약 50KB로 매우 가볍고, 브라우저 캐시가 작동하므로 재방문 시에는 추가 로딩이 거의 없습니다.

나중에 디자인을 바꿀 수 있나요?

언제든 이 생성기에 와서 작업 파일을 불러온 뒤 테마나 색상을 변경하고 다시 다운로드하면 됩니다.

다운로드하는 ZIP에는 뭐가 들어있나요?

README.md — 사용 방법이 적힌 안내 파일
series-nav.js — 목차를 그려주는 렌더링 엔진
series/시리즈ID.js — 시리즈 데이터 (글 제목, 링크 등)

JS 파일을 다운받아도 안전한가요?

네, 안전합니다. JS 파일은 더블클릭해도 실행되지 않습니다. 웹 브라우저에서 HTML의