hELLO 스킨은 본래 기능의 많이 없었다가, 티스토리 블로거 여러분의 호응에 힘입어 기능의 추가와 함께 업데이트를 여러 번 하게 되었습니다. hELLO 1.0 때와 비교하면 비교할 수도 없을 만큼의 기능과 품질 향상이 있었습니다. hELLO 스킨은 역사는 짧지만 유무료를 모두 포함한 티스토리에 등록되어 있는 모든 스킨을 통틀어 탑티어 안에 드는 스킨임을 자부합니다. 릴리즈 노트 hELLO v4.x 는 메이저 버전이 바뀐만큼 변경점이 많습니다. 성능은 이전 버전인 v3.6 과 비교했을 때 약 10%p ~ 20%p 정도 개선되었습니다. 외형 및 디자인의 경우 이전과 비슷하도록 계승하였으나 내부적으로 사용된 기술이 완전히 변경되었습니다. 따라서 스킨을 처음부터 새로 빌딩한 것과 크게 다르지 않습니다. 그 밖..
최근 진행하고 있는 사이드 프로젝트가 있어서 블로그 글이 뜸했는데, 프로젝트를 정리하면서 오랜만에 티도리 프레임워크의 공식문서인 tidory.com 의 다크 모드도 추가 겸하여 보수를 진행하고, 그에 대한 개발기를 써보기로 했다. Vue.js 의 SSR 프레임워크인 Nuxt.js 을 사용했지만, 만들어놓고 벌써 4년여의 시간이 지난터라 버전을 1.0 에서 2.x 로 업그레이드를 해보면 어떨까 싶어 진행하기로 했다. 게다가 기존의 코드도 영 마음에 들지 않는게 있었기 때문에 덤으로 리팩터링하기로 했다. 프론트엔드가 그저 취미인 내게는 리액트보다는 Vue.js 가 훨씬 더 간결하고 사용하기 좋다. https://github.com/tidory/tidory.com GitHub - tidory/tidory.co..
현재 티도리 프레임워크는 Webpack 3 를 기반으로 동작하고 있다. 최근 Webpack 5 로 업그레이드하는 작업을 진행하고 있는데, 그 와중에 당연히 시행착오도 여럿 발생하고 있어 내가 했던 삽질을 바탕으로 웹팩을 업그레이드하기 위해 겪어야 할 과정을 공유하고자 한다. 본론으로 가기 전에 먼저 이야기 하자면, 꼭 필요한게 아니라면 웹팩 업그레이드는 권장하지 않는다. 번거로운 일이 한 두개가 아니다. 게다가 둘은 Webpack 4 보다도 큰 차이를 보이고 있어 주의가 필요하다. 글을 쓰기전에 먼저 결론부터 말하자면 Webpack 3 을 Webpack 5 로 업그레이드할 때 중요한 것은 다음과 같다. Webpack, Webpack Dev Server 의 변경된 CLI 사용법 숙지 설정 파일의 새로 추가..
[티도리 프레임워크 개발 - 2부] 티도리를 만들때 또 한 가지 주목해야 했던 점은, 티스토리 스킨 API 를 뜯어보는 일이었다. 치환자는 어떤 경로를 통해 치환되며 사용자에게 어떻게 미리보기를 보여주는가와 같은 것이며 티스토리 스킨 그 자체보다는 티스토리 플랫폼을 이해한다고 보면 될 것 같다. 이는 구현의 관점이 아니라, API(Application Programming Interface)의 관점에서 티스토리 서버와 브라우저가 어떻게 소통하는지만 대략적으로 분석하면 되는 것이다. 이것을 구현하게 되면 프로그래머블하게 티스토리 스킨을 원격지에서 조작할 수 있다. 자, 제일 먼저 해야할 것은 스킨 편집으로 들어가 개발자 도구를 열고 네트워크 탭을 활성화하는 일이다. 한 가지 알아두어야 할 점은, 티도리 프..
[티도리 프레임워크 개발 - 1부] 티도리 프레임워크의 대략적인 개요는 설명하지 않는다. 티도리 프레임워크 개발 리뷰 포스트는 티도리 프레임워크의 그 내부와 내가 왜 프레임워크를 이렇게 구성했는지 의도는 물론이고 기술적인 부분도 설명한다. 티도리 프레임워크란게 애초에 나 혼자 개인이 만든 것이고 그 용도 또한 티스토리 스킨 개발로 극히 타겟팅을 분명히 하고 있어서 사용층은 적은 편이라 사실 이 포스트가 도움이 될까 싶기는 하지만, 포트폴리오 용도이니 상관없을 것 같아서 그냥 적기로 했다. https://tidory.com 티스토리 스킨 프레임워크, 티도리(TIDORY) 오직 티스토리 스킨만을 위한 프레임워크 tidory.com 프레임워크의 동작을 알아보기 전에, 티도리 프레임워크를 구성하는 기술들과 레포..
