나만의 포트폴리오 블로그 만들기(feat. 티스토리 스킨)
나만의 포트폴리오 블로그 만들기(feat. 티스토리 스킨)
수강정보
(4개의 수강평)
358명의 수강생
스킬태그 #블로그, #HTML/CSS
무료
지식공유자 : 정상우
15회 수업 · 총 1시간 55분 수업
기간 : 평생 무제한 시청
수료증 : 발급 강의
수강 난이도 : 초급
정상우 프로필
티도리 프레임워크의 모범 사례 스킨입니다.
정상우 1달 전

티도리 프레임워크로 만든 스킨 중에는
프레임워크에서 제공하는 기능을 충실히 사용하여 만든 스킨이 하나 있습니다.

hELLO.

티스토리 스킨에서 잘 구현하지 않는 다크 모드도 제가 직접 구현해 놓았습니다. 
해당 스킨은 오픈 소스이며, 스킨 소개소스 코드는 아래를 참고해주세요.

hELLO. 티스토리 스킨을 소개합니다.
https://pronist.tistory.com/5

hELLO.
https://github.com/pronist/hELLO

이 스킨은 제가 만들었기도 하지만, 티도리 프레임워크로 만든 스킨입니다.
티도리를 사용하여 무엇을 할 수 있는지 보여주며, 
프로젝트의 구성, 유저에게 배포하는 방식 등을 알 수 있습니다.
여러분 또한 실사례를 참고하여 티도리 프레임워크를 사용하여 티스토리 스킨을 수월하게 개발할 수 있기를 바랍니다.

정상우 프로필
패치에 따라 해당 강의와 달라진 것들입니다.
정상우 5달 전

시간이 지나면서, 일부 티도리 프레임워크의 사용법이 달라진 것이 있습니다. 만약 강의를 진행하다가 막힌 경우 해당 변경사항을 참고해주시면 됩니다.

Tidory CLI

https://tidory.com/docs/get-started/

  • *tidory new 명령어가 사라졌습니다. 프로젝트를 생성할 때 npx create-tidory-app 사용해주세요.
  • *개발 서버 및 프리뷰 서버 실행 시 브라우저가 자동으로 열리지 않습니다.
  • *프리뷰 서버 실행 시 index.xml 이 티스토리 서버로 자동 제출되어 갱신됩니다.
  • *tidory build --compress 가 제거되고, tidory production (tidory build -> tidory production) 으로 대체되었습니다.(tidory build --compress -> tidory build)

tidory.config.js

https://tidory.com/docs/configuration/

  • *public_path자동 주입됩니다. 수동으로 설정할 수도 있습니다. 
    하지만 빌드 시에도 ts_session, url 을 설정해야 합니다.
  • *name 이 index.xml 에 따라 자동 주입됩니다. name 설정은 제거되었습니다.
  • *preivew.variableSettings, preview.homeType, preview.coverSettings 가 추가되었습니다.
정상우 프로필
강좌가 5,500원에서 무료로 전환되었습니다!
정상우 9달 전

안녕하세요.

티스토리 스킨 강좌가 5,500원에서 무료로 전환되었습니다. 티도리 프레임워크를 만든 본래 의도가 오픈소스였기에 강좌로 무료로 전환하는 것이 좋을 것 같아서 변경하게 되었습니다.

기존에 구매해주셨던 분들에게는 감사드리며, 강사자 본인이라고 할 지라도 무료전환 여부는 제 마음대로 할 수 있는 것이 아니기에, 인프런 측과도 이야기가 진행되었습니다. 이러한 가격의 변화는 시장경제에서 수요라는 기초적인 원리를 근거로 진행되었음을 밝힙니다. 기존의 구매자 분들에게 무언가 리워드를 드릴 수는 없겠지만, 부디 무료로 전환되는 사항에 대해서는 너그럽게 이해해주시면 감사하겠습니다. 

강좌를 통해 티도리 프레임워크를 사용해주셔서 감사합니다. :)

정상우 프로필
티스토리, 티스토리 스킨 API 를 사용할 수 있습니다.
정상우 10달 전

제가 티도리 프레임워크를 개발하면서 작성하면서 여러 자식 패키지들이 작성되었습니다. 그 중에서 도움이 될 만한 것은 티스토리 API 를 한 번 더 감싼 Tistory API for Javascript 와, PHP 를 위한 Tistory API for PHP 가 있습니다. 두 라이브러리는 모두 티스토리 API 를 사용하기 편하도록 만들어줍니다.

Tistory API for Javascript

https://github.com/tidory/tistory

Tistory API for PHP

https://github.com/pronist/tistory

티도리 프레임워크에서 티스토리 서버에 배포하는 과정과 프리뷰를 하는 과정은 모두 티스토리 서버와 직접 통신합니다. 어떤 라이브러리를 써서 하는 것일까요? 사실, 티스토리에서 이것을 공식 지원하지는 않습니다. 하지만, 비공식적으로 직접 뽑아낸 API 를 사용한다면 서버와 직접 통신할 수 있습니다!

(Unofficial) Tistory Skin API

https://github.com/tidory/tistory-skin

-

★, 개발자에게 큰 힘이 되어줍니다!

정상우 프로필
코드 저장소와 티스토리 스킨을 연동해보세요!
정상우 10달 전

깃허브(Github)와 같은 코드 저장소와 스킨 코드를 연동하려면 어떻게 하면 좋을까요? 티스토리 스킨은 FTP(File Transfer Protocol)을 지원하는 것도 아니며 그렇다고 공식적으로 코드 저장소와의 코드 공유를 지원하지도 않습니다.

하지만, 한 가지 해결책이 있습니다. 티도리 프레임워크를 통해 빌드된 소스코드를 코드 저장소에 배포하면서 동시에 티스토리 스킨에 코드를 적용시킨다면 가능합니다. 빌드(Build) - 저장소 배포(Push) - 스킨 적용(Deploy)의 과정을 통해 코드 저장소와 스킨 코드를 동일하게 구성할 수 있습니다.

#빌드 및 배포 - 코드 저장소

https://tidory.com/docs/distribute/

지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스