Tistory Cyworld Minihompi UI Skin 개발예전 싸이월드 미니홈피의 UI 를 비슷하게 구현해본 스킨입니다. 이번이 3번째 스킨 개발이네요. 싸이월드 미니홈피를 스킨 개발 대상으로 고른 이유는?다들 예전에 싸이월드 미니홈피를 많이 이용하셨을 거라 생각됩니다. 하지만 예전에 기억하고 있던 그 미니홈피의 모습으로는 이제 운영되지 않는 걸로 알고 있어서, 예전 미니홈피의 모습대로 유사하게 티스토리 블로그 스킨을 만들면 이것 역시 재밌을 것 같아 스킨 개발을 진행해보게 되었습니다. 스킨 특징자체 개발한 [@wisdomstar94/torytis](https://github.com/wisdomstar94/torytis) 프레임워크를 사용하여 개발되었습니다.개발시 scss 와 [TailwindCS..

최근에 제가 만든 티스토리 "Stroke" 스킨이 2023년 8월에 v0 으로 처음 공개되었고, 2023년 10월에 v1 이 릴리즈 되었습니다. 이번 글에서는 Stroke 스킨을 만들면서 겪었던 과정들을 소개해드리고자 합니다. 티스토리 스킨을 만들어보고 싶다! 티스토리 블로그를 운영하면서 계속 아쉬웠던 부분이 스킨이었습니다. 이용자 제작 스킨 페이지에서 다른 분들이 만들어주신 스킨들을 쭉 탐색해 보았지만 제 마음에 쏙 드는 스킨이 없었습니다. 그래서 이참에 제가 직접 티스토리 스킨을 만들어보고 싶었습니다. 티스토리 스킨 치환자 동작 방식에 대한 적응 검색을 해보니 티스토리에서 스킨 개발 시 필요한 가이드 문서를 제공해주고 있었습니다. 티스토리 스킨은 치환자를 이용하여 제작하게 되는데, 처음에는 이 치환..

torytis 란?torytis 는 티스토리 블로그 스킨을 개발할 때 여러가지 기능을 제공해주는 프레임워크 입니다. 처음에는 Next.js 만을 사용해서 티스토리 스킨을 위한 파일들을 빌드하는 것을 시도해보았으나 여러가지 이슈로 인해 직접 티스토리 스킨 개발용 프레임워크를 개발하게 되었습니다. Next.js 를 이용해 티스토리 스킨 개발을 시도 했을 때 여러가지 문제점next.js 동작을 위한 여러개의 script 파일 필요next.js 로 개발한 내용들을 static 으로 빌드하게 되면 next.js 동작에 필요한 여러가지 script 파일 들이 생성됩니다. 티스토리 스킨은 어차피 하나의 html 파일을 모든 페이지에서 동일하게 사용하기 때문에 굳이 script 가 분리 될 필요는 없었습니다. 그래서 ..