티도리 프레임워크

티도리 프레임워크

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

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

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

    hELLO 스킨은 본래 기능의 많이 없었다가, 최근 반응이 나쁘지 않아서 여러 기능의 추가와 함께 업데이트를 여러 번 하게 되었습니다. hELLO 1.0 때와 비교하면 비교할 수도 없을 만큼의 기능과 품질 향상이 있었습니다. hELLO 스킨은 역사는 짧지만 유무료를 모두 포함한 모든 스킨을 통틀어 탑티어 안에 드는 스킨임을 자부합니다. 아래의 블로그는 hELLO 스킨의 데모를 보여주기 위한 블로그입니다. https://hello-skin.tistory.com/ hELLO. hELLO. 티스토리 스킨 프리뷰를 위한 블로그입니다. 운영되는 것이 아니며, 오직 프리뷰를 위해 사용됩니다. hello-skin.tistory.com 반짝 반짝! 개발자 커뮤니티인 Github 에서 주어지는 별은 개발자에게 큰 힘이 ..

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

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

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

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

    티스토리 스킨 제작 프레임워크, 티도리를 소개합니다.

    티도리 프레임워크 티도리 프레임워크는 본인이 직접 개발한 프레임워크이며 오직 티스토리 스킨 제작만을 위해 구성되었습니다. 현재 사용 중인 스킨 또한 티도리로 개발되었습니다. 티스토리 스킨을 하나 만들기 위해 프레임워크까지 써야할까요? 2010년대 이후 웹기술이 급성장하면서 많은 웹 프레임워크가 탄생했습니다. 리액트, 뷰, 앵귤러 등을 대표격으로 수 많은 프론트엔드 웹 프레임워크가 탄생했습니다. 티도리도 그 중 하나입니다. 티도리 프레임워크는 일반적인 웹페이지가 아닌 티스토리 스킨 제작 하나만을 고려하고 제작되었습니다. 개발 환경, 서버, 배포 등이 모두 티스토리 스킨에 초점이 맞춰져 있습니다. 따라서 기존의 자바스크립트 기반 웹 프레임워크와는 다른 느낌을 주게됩니다. 이는 런타임에 로드되는 것이 아니며 ..