인프런 커뮤니티 질문&답변

yoon님의 프로필 이미지

작성한 질문수

나만의 포트폴리오 블로그 만들기(feat. 티스토리 스킨)

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

작성

·

321

0

코도리 블로그 스킨을 따라 해보려고 하는데,

pc버전으로 접속했을 때 우측에 나오는 내용목차 부분을 구현하려면 어떻게 해야 하나요?

답변 4

2

정상우님의 프로필 이미지
정상우
지식공유자

아, 저부분은 자바스크립트를 써서 구현한 것이고, 티도리 프레임워크의 공식 홈페이지는 티스토리 스킨이 아니라 VueJS 로 구성된 것이기 때문에 다를 것입니다. 저것은 흔히 Scrollspy 라고 하며, CSS 프레임워크에 탑재된 경우가 종종 있는데, 저는 UIKit 을 사용했으므로 https://getuikit.com/docs/scrollspy#scrollspy-nav 를 참고해보시기 바랍니다.

공식홈페이지의 소스코드는 https://github.com/tidory/tidory.com 에 있지만, 말씀드린대로 VueJS 라 다를 수 있습니다. 그런데, 어차피 강의에 나온 CSS나 구성은 부분은 해당 소스코드에서 대부분은 복사 붙여넣기했으므로 가능할 것입니다.

0

yoon님의 프로필 이미지
yoon
질문자

개발자님, 자세하게 알려주셔서 정말 감사드립니다!

VueJS는 아직 제 영역이 아닌 것 같아요~^^;

알려주신 CSS 소스코드를 보고 하나하나씩 접목 시켜서

만들었습니다!

정말 감사드립니다! :)

0

yoon님의 프로필 이미지
yoon
질문자

불분명하게 질문드려서 죄송합니다.

인터넷을 찾아보니 TOC(Table Of Contents)라고 부르더라구요.

개발자님, 혹시 강의에서 나온 스킨 or 코도리 스킨은 따로 다운로드 할 수는 없나요?

0

정상우님의 프로필 이미지
정상우
지식공유자

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

yoon님의 프로필 이미지

작성한 질문수

질문하기