티도리 프레임워크

티도리 프레임워크

    @nuxt-content 로 티도리 프레임워크 공식문서 개발하기

    최근 진행하고 있는 사이드 프로젝트가 있어서 블로그 글이 뜸했는데, 프로젝트를 정리하면서 오랜만에 티도리 프레임워크의 공식문서인 tidory.com 의 다크 모드도 추가 겸하여 보수를 진행하고, 그에 대한 개발기를 써보기로 했다. Vue.js 의 SSR 프레임워크인 Nuxt.js 을 사용했지만, 만들어놓고 벌써 4년여의 시간이 지난터라 버전을 1.0 에서 2.x 로 업그레이드를 해보면 어떨까 싶어 진행하기로 했다. 게다가 기존의 코드도 영 마음에 들지 않는게 있었기 때문에 덤으로 리팩터링하기로 했다. 프론트엔드가 그저 취미인 내게는 리액트보다는 Vue.js 가 훨씬 더 간결하고 사용하기 좋다. https://github.com/tidory/tidory.com GitHub - tidory/tidory.co..

    hELLO 티스토리 스킨을 소개합니다.

    hELLO hELLO 스킨은 본래 기능의 많이 없었다가, 최근 반응이 나쁘지 않아서 여러 기능의 추가와 함께 업데이트를 여러 번 하게 되었습니다. hELLO 1.0 때와 비교하면 비교할 수도 없을 만큼의 기능과 품질 향상이 있었습니다. hELLO 스킨은 역사는 짧지만 유무료를 모두 포함한 모든 스킨을 통틀어 탑티어 안에 드는 스킨임을 자부합니다. 현재 이 블로그의 스킨과 동일하지만 조금 더 다양한 커버 형태를 볼 수 있습니다. https://hello-skin.tistory.com Tistory Skin, hELLO. hELLO. 티스토리 스킨 프리뷰를 위한 블로그입니다. 운영되는 것이 아니며, 오직 프리뷰를 위해 사용됩니다. hello-skin.tistory.com 웹 표준을 준수하는 상위 2% 사이트..

    Webpack 3 에서 Webpack 5 으로 바꾸기 위해 해야 할 일들

    현재 티도리 프레임워크는 Webpack 3 를 기반으로 동작하고 있다. 최근 Webpack 5 로 업그레이드하는 작업을 진행하고 있는데, 그 와중에 당연히 시행착오도 여럿 발생하고 있어 내가 했던 삽질을 바탕으로 웹팩을 업그레이드하기 위해 겪어야 할 과정을 공유하고자 한다. 본론으로 가기 전에 먼저 이야기 하자면, 꼭 필요한게 아니라면 웹팩 업그레이드는 권장하지 않는다. 번거로운 일이 한 두개가 아니다. 게다가 둘은 Webpack 4 보다도 큰 차이를 보이고 있어 주의가 필요하다. 글을 쓰기전에 먼저 결론부터 말하자면 Webpack 3 을 Webpack 5 로 업그레이드할 때 중요한 것은 다음과 같다. Webpack, Webpack Dev Server 의 변경된 CLI 사용법 숙지 설정 파일의 새로 추가..

    티스토리 스킨을 원격으로 조작할 수 있다? 티스토리 스킨 API 만들기

    [티도리 프레임워크 개발 - 2부] 티도리를 만들때 또 한 가지 주목해야 했던 점은, 티스토리 스킨 API 를 뜯어보는 일이었다. 치환자는 어떤 경로를 통해 치환되며 사용자에게 어떻게 미리보기를 보여주는가와 같은 것이며 티스토리 스킨 그 자체보다는 티스토리 플랫폼을 이해한다고 보면 될 것 같다. 이는 구현의 관점이 아니라, API(Application Programming Interface)의 관점에서 티스토리 서버와 브라우저가 어떻게 소통하는지만 대략적으로 분석하면 되는 것이다. 이것을 구현하게 되면 프로그래머블하게 티스토리 스킨을 원격지에서 조작할 수 있다. 자, 제일 먼저 해야할 것은 스킨 편집으로 들어가 개발자 도구를 열고 네트워크 탭을 활성화하는 일이다. 한 가지 알아두어야 할 점은, 티도리 프..

    티스토리 스킨 프레임워크, 티도리는 어떻게 동작할까?

    [티도리 프레임워크 개발 - 1부] 티도리 프레임워크의 대략적인 개요는 설명하지 않는다. 티도리 프레임워크 개발 리뷰 포스트는 티도리 프레임워크의 그 내부와 내가 왜 프레임워크를 이렇게 구성했는지 의도는 물론이고 기술적인 부분도 설명한다. 티도리 프레임워크란게 애초에 나 혼자 개인이 만든 것이고 그 용도 또한 티스토리 스킨 개발로 극히 타겟팅을 분명히 하고 있어서 사용층은 적은 편이라 사실 이 포스트가 도움이 될까 싶기는 하지만, 포트폴리오 용도이니 상관없을 것 같아서 그냥 적기로 했다. https://tidory.com 티스토리 스킨 프레임워크, 티도리(TIDORY) 오직 티스토리 스킨만을 위한 프레임워크 tidory.com 프레임워크의 동작을 알아보기 전에, 티도리 프레임워크를 구성하는 기술들과 레포..