내용목차 부분을 구현하려면 어떻게 해야 하나요?

Question

코도리 블로그 스킨을 따라 해보려고 하는데, pc버전으로 접속했을 때 우측에 나오는 내용목차 부분을 구현하려면 어떻게 해야 하나요?

pronist · Answer

아, 저부분은 자바스크립트 를 써서 구현한 것이고, 티도리 프레임워크 의 공식 홈페이지는 티스토리 스킨이 아니라 VueJS 로 구성된 것이기 때문 에 다를 것입니다. 저것은 흔히 Scrollspy 라고 하며, CSS 프레임워크 에 탑재된 경우가 종종 있는데, 저는 UIKit 을 사용했으므로 https://getuikit.com/docs/scrollspy#scrollspy-nav 를 참고해보시기 바랍니다. 공식홈페이지의 소스코드는 https://github.com/tidory/tidory.com 에 있지만, 말씀드린대로 VueJS 라 다를 수 있습니다. 그런데, 어차피 강의에 나온 CSS나 구성은 부분은 해당 소스코드에서 대부분은 복사 붙여넣기했으므로 가능할 것입니다.

yoon · Answer

개발자님, 자세하게 알려주셔서 정말 감사드립니다! VueJS는 아직 제 영역이 아닌 것 같아요~^^; 알려주신 CSS 소스코드를 보고 하나하나씩 접목 시켜서 만들었습니다! 정말 감사드립니다! :)

yoon · Answer

불분명하게 질문드려서 죄송합니다. 인터넷을 찾아보니 TOC(Table Of Contents)라고 부르더라구요. 개발자님, 혹시 강의에서 나온 스킨 or 코도리 스킨은 따로 다운로드 할 수는 없나요?

pronist · Answer

안녕하세요! 정확히 어떤 부분을 말씀하시는 것인지 잘 모르겠습니다. 이미지 첨부해주시면 좋을 것 같아요