[티도리 프레임워크 개발 - 2부] 티도리를 만들때 또 한 가지 주목해야 했던 점은, 티스토리 스킨 API 를 뜯어보는 일이었다. 치환자는 어떤 경로를 통해 치환되며 사용자에게 어떻게 미리보기를 보여주는가와 같은 것이며 티스토리 스킨 그 자체보다는 티스토리 플랫폼을 이해한다고 보면 될 것 같다. 이는 구현의 관점이 아니라, API(Application Programming Interface)의 관점에서 티스토리 서버와 브라우저가 어떻게 소통하는지만 대략적으로 분석하면 되는 것이다. 이것을 구현하게 되면 프로그래머블하게 티스토리 스킨을 원격지에서 조작할 수 있다. 자, 제일 먼저 해야할 것은 스킨 편집으로 들어가 개발자 도구를 열고 네트워크 탭을 활성화하는 일이다. 한 가지 알아두어야 할 점은, 티도리 프..
[티도리 프레임워크 개발 - 1부] 티도리 프레임워크의 대략적인 개요는 설명하지 않는다. 티도리 프레임워크 개발 리뷰 포스트는 티도리 프레임워크의 그 내부와 내가 왜 프레임워크를 이렇게 구성했는지 의도는 물론이고 기술적인 부분도 설명한다. 티도리 프레임워크란게 애초에 나 혼자 개인이 만든 것이고 그 용도 또한 티스토리 스킨 개발로 극히 타겟팅을 분명히 하고 있어서 사용층은 적은 편이라 사실 이 포스트가 도움이 될까 싶기는 하지만, 포트폴리오 용도이니 상관없을 것 같아서 그냥 적기로 했다. https://tidory.com 티스토리 스킨 프레임워크, 티도리(TIDORY) 오직 티스토리 스킨만을 위한 프레임워크 tidory.com 프레임워크의 동작을 알아보기 전에, 티도리 프레임워크를 구성하는 기술들과 레포..
티스토리 백업 티스토리 백업은 티스토리의 백업기능을 만들어보고자 하는 아이디어가 문뜩 떠올라 단기간에 만든 데스크탑 어플리케이션이다. electron-vue 를 사용하였기에 렌더링을 vue.js 프레임워크를 사용하여 진행하게 된다. 난 윈도우 밖에 사용하지 않아서 Mac OS 전용으로는 배포할 수 없었지만, 타 개발자분의 도움으로 배포할 수 있게 되었다. https://pronist.tistory.com/52 티스토리 블로그 백업 프로그램을 만들었습니다. 티스토리 백업 티스토리 블로그의 백업 기능은 이전에 사라졌습니다. 그래서, 직접 만들어보기로 했습니다. 이는 티스토리 Open API 를 사용한 것입니다. 해당 프로그램은 아주 단순하며, 그저 티� pronist.tistory.com 라이브러리와 프레임..
1부에서는 views/Main 을 제외한 대부분의 파일들을 알아보았는데, 이번 포스트에서는 views/Main 만 대부분 알아볼 것이다. 분량이 다소 많다. 두개로 나눠도 글 읽기와 글 목록이지만 조금 더 들어가보면 포스트, 홈 커버, 리스트, 태그 클라우드, 방명록을 포함한다. 방명록, 태그 클라우드, 공지사항, 페이징에 대한 설명은 다른 부분과 겹치는 것도 있고 해서 일부 생략한다. 현재 기준으로 코드 하이라이팅이 이상한 것을 볼 수 있을텐데, highlight.js 에서 pug 를 지원하지 않는다는 슬픈 사실. tidory.comfig.js 여기서 들어가기 전에 별칭에 대한 설정을 확인해보자면 다음과 같다. 따라서 저러한 형태로 쓰인 경로가 있다면 치환해서 사용하면 된다. 설정된 별칭은 @, ~vi..
기왕 스킨을 개발했고, 꽤나 괜찮게 나가고 있으니 포트폴리오 겸 적어두면 어떨까 써보기로 했다. 본래 티스토리 스킨 과 같은 프로젝트는 안 쓰려고 했지만, 고맙게도 깃허브에서 별을 제법 받았다. 개발 과정과 기록을 남기는 일은 아무래도 개발자로써 해두면 좋을테니 말이다. 보통 프로젝트 날짜와 이름, 약간의 설명만 적어두었는데 2020년 들어서는 바꿔보기로 했다. https://github.com/tistory-projects/tistory-skin-hELLO GitHub - tistory-projects/tistory-skin-hELLO: ✨당신의 멋진 블로그에 걸맞는 최고의 티스토리 스킨 ✨당신의 멋진 블로그에 걸맞는 최고의 티스토리 스킨. Contribute to tistory-projects/tis..
