ありむら

Arimura Skin v1.5

ありむら(아리무라) — Tue, 18 Aug 2026 20:01:50 +0900

안녕하세요, 아리무라입니다.
블로그를 운영하면서 발견한 카테고리 표시 문제와 태그 목록 문제를 이번 업데이트에서 정리했습니다.

업데이트 사항

빈 카테고리 숨김 처리 보완

게시글이 없는 카테고리를 자동으로 숨기는 기능이 있었는데, 하위 카테고리에는 적용되지 않고 있었습니다.
예를 들어 본 블로그는 현재 기준 "여행" 카테고리가 있지만 아직 게시글이 없는데도 사이드바에 계속 노출되고 있었습니다.
이번 업데이트로 하위 카테고리도 게시글이 없으면 동일하게 숨겨지도록 수정했습니다.

태그 목록 페이지 복원

헤더의 tag 링크를 눌러도 태그 목록이 비어 있는 문제가 있었습니다.
이전 버전에서 태그 관련 코드를 정리하는 과정에서 태그 목록 페이지에 필요한 부분까지 함께 제거되었던 것이 원인이었습니다.
이번 업데이트로 태그 목록이 다시 정상적으로 표시됩니다.

버그 제보 및 건의사항

사용 중 발견하시는 버그나 건의사항은 댓글로 남겨주시면 확인 후 반영하겠습니다.

좋은 하루 되세요.

Arimura Skin v1.5.zip

0.07MB

사이드바에 캘린더 위젯 달기

ありむら(아리무라) — Tue, 18 Aug 2026 19:46:26 +0900

안녕하세요, 아리무라입니다.
이번에는 사이드바에 캘린더 위젯을 달았던 과정을 정리해보려고 합니다.

배경

사이드바에 Stats와 Links 사이에 캘린더를 하나 넣고 싶었습니다.
티스토리에 캘린더용 치환자가 있는지부터 찾아봤습니다.

비공식 치환자를 찾다

아래 치환자에서 대괄호 안쪽 공백을 지우면 캘린더가 렌더링됩니다.

[ ##_calendar_## ]  <-- 대괄호 안쪽 공백은 지워야 합니다.

문제는 이게 공식 문서에는 안 나온다는 것입니다.

skin.html에는 아래 <div> 안에 치환자 한 줄만 넣으면 렌더링됩니다.
물론 대괄호 안쪽 공백을 지워야 합니다.

<div class="calendarBox">
<h3>Calendar</h3>
[ ##_calendar_## ] <-- 대괄호 안쪽 공백은 지워야 합니다.
</div>

클래스명은 직접 찍어봐야 합니다

더 큰 문제는 이 치환자가 어떤 클래스명으로 렌더링되는지도 공식 문서에 없다는 것입니다.
스킨 편집기 미리보기에 실제로 넣어보고, 브라우저 개발자도구로 DOM을 직접 확인했습니다.
그렇게 알아낸 게 cal_click(날짜 링크), cal_day_sunday(일요일), cal_day4(오늘)입니다.
이 이름들은 스킨 제작자가 정한 게 아니라 티스토리 서버가 고정으로 내려주는 값이라 바꿀 수 없습니다.

상단 "« 2026/08 »" 정렬 맞추기

기본 마크업은 화살표와 월 텍스트가 한 줄에 나란히 있어서, 폭이 좁아지면 미묘하게 안 맞았습니다.
화살표 두 개를 캡션 기준으로 좌우 절대배치하고, 월 텍스트는 진짜 가운데 정렬로 바꿨습니다.

.calendarBox caption{
	caption-side: top;
    	position: relative;
        	text-align: center;
            }
            .calendarBox caption a:first-child,
            .calendarBox caption a:last-child{
            	position: absolute;
                	top: 50%;
                    	transform: translateY(-50%);
                        }
                        .calendarBox caption a:first-child{ left: 0; }
                        .calendarBox caption a:last-child{ right: 0; }

caption-side: top을 명시한 이유는, 이걸 안 넣으면 브라우저에 따라 요일 줄이 캡션 위로 올라가는 경우가 있어서입니다.

연도/월 선택 팝업

기본 캘린더는 화살표로 한 달씩만 이동할 수 있습니다.
"2026/08" 텍스트를 클릭하면 팝업이 뜨도록 만들었습니다.
처음엔 12개월 그리드만 있었는데, 연도까지 바로 고를 수 있으면 좋겠다는 생각이 들어서 2단계로 늘렸습니다.
연도 라벨을 다시 누르면 12개년 그리드로 전환되고, 연도를 고르면 그 해의 월 그리드로 돌아옵니다.

var pickerView = 'month';

$picYear.find('.calPickerYearLabel').click(function(){
	if (pickerView === 'month') showYearGrid();
    	else showMonthView();
        });
        
        $picGrid.find('.calPickerMonth').click(function(){
        	var mm = $(this).attr('data-month');
            	if (mm.length < 2) mm = '0' + mm;
                	location.href = '/archive/' + pickYear + mm;
                    });
                    
                    $yearGrid.on('click', '.calPickerMonth', function(){
                    	pickYear = parseInt($(this).attr('data-year'), 10);
                        	showMonthView();
                            });

월을 클릭하면 /archive/YYYYMM으로 이동합니다.
이 URL 패턴도 문서에 없어서 실제로 클릭해보고 확인했습니다.

오늘 날짜가 아무 데나 찍히는 버그

배포하고 나서 다른 달로 넘겨봐도 17일 자리에 계속 점이 찍히는 걸 발견했습니다.
확인해보니 cal_day4 클래스가 "실제 오늘"이 아니라 "오늘의 일(day) 숫자"와 같은 칸에 무조건 붙는, 티스토리 캘린더 위젯 자체의 결함이었습니다.
즉 8월이든 9월이든 17일 칸에는 무조건 cal_day4가 붙습니다.
화면에 표시된 연/월을 실제 오늘 날짜와 비교해서, 다르면 클래스를 강제로 떼어내는 방식으로 우회했습니다.

var curYear = parseInt(curDigits.substring(0, 4), 10);
var curMonth = parseInt(curDigits.substring(4, 6), 10);

var todayNow = new Date();
if (curYear !== todayNow.getFullYear() || curMonth !== todayNow.getMonth() + 1) {
	$('.calendarBox td.cal_day4').removeClass('cal_day4');
    }

치환자, 게시글 본문에 써도 그대로 작동한다

티스토리에서 특정 위젯을 나타내는 명령어를 치환자라고 하는데, 이것이 스킨뿐만 아니라 게시글에 적용해도 렌더링됩니다.
이 문제를 티스토리가 공식적으로 지원하지 않기 때문에, 표준적인 방법으로는 이스케이프가 안 되고 별도의 우회 방법을 써야 합니다.

정리

캘린더는 [ ##_calendar_## ] 치환자로 넣지만, 클래스명은 문서에 없으니 직접 찍어봐야 합니다.
오늘 표시(cal_day4)는 실제 날짜가 아니라 숫자 매칭이라 버그가 납니다. 보고 있는 달과 오늘을 비교해서 직접 걸러줘야 합니다.

함께 그린 지도

ありむら(아리무라) — Mon, 17 Aug 2026 06:38:07 +0900

친구들과 몇 주에 걸쳐 일정을 짰다.
숙소를 비교하고 동선을 겹쳐보고, 어느 저녁엔 뭘 먹을지를 두고 한참 다퉜다.

지도 위에 찍힌 점들은 아직 가보지 않은 곳인데도 이상하게 낯이 익다.
아마 여행이라는 사건은 도착하는 순간이 아니라, 함께 상상하는 순간에 이미 시작되는 것 같다.

장소는 나중에 몸이 확인하는 것일 뿐, 마음은 그보다 먼저 가 있었다.

단체 대화방에는 아직 지우지 않은 링크와 캡처가 쌓여있다.
출발하기도 전에, 우리는 이미 여행 하나를 함께 만들어 두었다.

Arimura Skin v1.4

ありむら(아리무라) — Mon, 17 Aug 2026 05:10:27 +0900

안녕하세요, 아리무라입니다.

티스토리 블로그 스킨은 손볼수록 자꾸 욕심이 생기는 것 같습니다.
뭔가 하나를 넣으려다 보면 다른 걸 빼야 하고, 심플함을 지키면서 필요한 기능은 챙기는 균형점 찾기가 생각보다 쉽지 않더라고요.

이번 v1.4에서 바뀐 부분들을 정리해 봤습니다.

업데이트 사항

캘린더 위젯 추가

사이드바에 캘린더가 추가되었습니다.
날짜를 클릭하면 그날 작성된 글로 이동하고, 상단의 연/월 표시를 클릭하면 원하는 연도와 월로 바로 이동할 수 있는 선택 화면이 뜹니다.

Stats 글자 크기 수정

Stats 항목의 글자 크기가 다른 사이드바 항목보다 작게 보이던 부분을 수정했습니다.

사이드바 태그 항목 제거

사이드바의 태그 항목이 실제로는 화면에 뜨지 않고 숨겨진 채 작동하지 않고 있었습니다.
헤더에 이미 태그 목록으로 가는 링크가 있어서, 고쳐서 살리는 대신 제거하는 쪽으로 정리했습니다.

목차에 엉뚱한 항목이 섞이던 문제 수정

글 하단에 자동으로 붙는 "카테고리의 다른 글" 부분이 목차 항목으로 같이 잡히고 있었습니다.
목차에서 제외되도록 수정했습니다.

홈 화면에 목차가 중복으로 표시되던 문제 수정

목차 기능은 글 하나를 보는 페이지에서만 동작해야 하는데, 홈 화면처럼 여러 글이 한 번에 나열되는 곳에서는 글마다 목차가 따로 생겨 한 자리에 줄줄이 겹쳐 보이는 문제가 있었습니다.
글 상세 페이지에서만 목차가 생기도록 수정했습니다.

본문 소제목이 대문자로 바뀌던 문제 수정

글 안에서 제목2 서식을 쓰면 소문자를 입력해도 전부 대문자로 보이던 문제가 있었습니다.
사이드바 라벨에만 쓰이던 스타일이 본문 소제목에도 같이 걸려있던 게 원인이라, 본문 소제목은 입력한 그대로 보이도록 분리했습니다.

버그 제보 및 건의사항

이용하시다 불편한 점이나 개선했으면 하는 부분이 있으면 댓글로 남겨주세요.

Arimura Skin v1.4.zip

0.07MB

기대라는 기준선

ありむら(아리무라) — Sun, 16 Aug 2026 23:31:58 +0900

같은 결과를 두고도 누구는 만족하고 누구는 실망한다.
결과 자체가 달라서가 아니라, 그 결과를 어떤 기준으로 맞이했는지가 다르기 때문일 수 있다.
다만 이것도 모든 사람에게 똑같이 적용되는 법칙은 아니다.
기준을 두고 결과를 비교하는 방식 자체가 사람마다 다르게 작동하는 하나의 사고방식일 뿐이다.

담배보다는 낫다는 생각

평소 담배를 피워 폐가 약해진 사람 중에는 미세먼지 가득한 날을 마주해도 '이 정도면 담배보단 낫다'고 여기기도 한다.
반대로 같은 상황에서 '폐가 이미 약해진 채로 미세먼지까지 마신다'며 더 불안해하는 사람도 있다.
폐 상태도 그날의 미세먼지 농도도 똑같은데, 그걸 받아들이는 방식은 사람에 따라 갈린다.

등급이 아니라 낙차

평소 3등급인 학생이 스스로를 5등급 수준이라 낮춰 잡는다면, 실제로 4등급을 받았을 때 올랐다며 만족할 수 있다.
반면 같은 학생이라도 처음부터 3등급을 기대했다면 같은 4등급 앞에서 무너졌을 것이다.
다만 이것도 그 학생이 애초에 자기 성적을 기준과 비교해서 받아들이는 성향일 때 이야기다.

모두가 그렇게 느끼는 건 아니다

어떤 사람은 기준을 낮게 잡아도 결국 실망한다.
4등급이라는 숫자 자체가 마음에 안 들면, 그 전에 뭘 기대했었는지는 크게 중요하지 않은 것이다.
이런 사람에게는 기준선을 조정하라는 조언 자체가 별 효과가 없다.
결과를 기준과의 차이로 받아들이는 사람이 있는가 하면, 결과를 그 자체로 절대적으로 평가하는 사람도 있다.
어느 쪽이 더 낫다고 말하기는 어렵다.
다만 자신이 둘 중 어느 쪽에 가까운 사람인지 아는 것과 모르는 것은 다르다.

낮추는 것과 잃는 것 사이

기준과 비교해서 받아들이는 사람이라면, 여기서 한 가지 위험은 남는다.
지나치게 낮춘 기대는 위안이 아니라 자기 과소평가가 되고, 애써 노력할 이유 자체를 갉아먹을 수 있다.
5등급 수준이라 낮춰 잡은 학생이 계속 그 기준에 머무른다면, 만족은 쉬워지는 대신 더 나아갈 이유는 옅어진다.

그러니 필요한 건 기준을 무조건 낮추는 게 아니라, 지금 내가 어떤 기준으로 세상을 재고 있는지, 그리고 애초에 내가 기준과 비교해서 세상을 받아들이는 사람인지부터 알아차리는 일이다.
기준선은 대부분 의식하지 못한 채로 그냥 주어진다.
그걸 알아차리는 것만으로도, 같은 하루를 다르게 겪을 여지가 생긴다.

출처

흡연장에서 회사 동료와 당연히 내뱉는 말의 당연하지 않음을 깨닫게 된 순간

빛바랜다는 말

ありむら(아리무라) — Sat, 15 Aug 2026 22:40:50 +0900

암실에서 처음 너를 보았다
아무것도 아니던 종이 위로
얼굴 하나 떠오르던 밤,
숨을 오래 참았다

할머니 영정 속 눈매가
해마다 조금씩 옅어진다
늙는다고 하기엔 너무 조용하고
지워진다고 하기엔 아직 거기 있어서

나는 그 사이 어디쯤을
빛바랜다, 라고 불러왔다

부르는 순간에도
이미 조금은 늦은 이름

무엇이 왔다 갔는지
누구도 증언해준 적 없이
우리는 그 빛에 씻겨
서로의 얼굴이 되어간다

Arimura Skin v1.3

ありむら(아리무라) — Sat, 15 Aug 2026 21:48:55 +0900

안녕하세요, 아리무라입니다.

v1.2 배포 이후 발견된 문제를 하나 고쳐서 v1.3을 만들었습니다.

업데이트 사항

1. 코드블럭 다크모드 대응

코드블럭(스크립트/코드 삽입 기능) 배경이 항상 밝은 색으로 고정돼 있어서 다크모드에서 톤이 겉도는 문제가 있었습니다.
이제 다크모드일 때는 코드블록 색상이 자동으로 어두운 배경에 맞게 반전되어, 문법 강조 색상은 유지하면서도 눈에 편하게 보이도록 했습니다.

버그 제보 및 건의사항

사용하시다가 이상한 부분을 발견하시거나 있으면 좋겠다 싶은 기능이 있으면 댓글로 남겨주세요.

Arimura Skin v1.3.zip

0.07MB

도파민의 시대

ありむら(아리무라) — Sat, 15 Aug 2026 21:24:30 +0900

도파민의 시대

도파민의 시대는 우리가 빠르게 변하는 세상에서 경험하는 감정적, 정신적 패턴을 상징한다.
도파민은 뇌에서 보상과 쾌감을 느끼게 해주는 신경전달물질로, 현대 사회는 그 자체로 도파민을 자극하는 수많은 자극들로 가득 차 있다.
스마트폰, 소셜 미디어, 즉각적인 정보 소비는 마치 끊임없이 도파민을 주입받는 것처럼 우리를 몰아간다.

하지만 이 도파민의 시대에는 어느 순간 진정한 만족과 의미를 찾기 어려워지기도 한다.
자극이 너무 많고, 즉각적인 보상만을 추구하는 삶 속에서 우리는 깊이 있는 경험이나 진정한 인간적 연결을 놓치기 쉽다.
도파민의 자극은 일시적인 쾌감을 주지만, 결국 그것이 지속되지 않으면 공허함과 허무함이 남는다.

우리는 이제 도파민을 과도하게 추구하는 시대 속에서, 순간적인 만족이 아닌 더 깊은 만족을 추구하는 법을 배워야 할 때다.
진정한 행복은 지속적인 자극이 아닌, 자신을 돌아보고, 차분히 시간을 보내고, 깊은 관계를 맺는 곳에서 찾아질 수 있다.
도파민의 시대는 우리에게 기회를 주었지만, 그 기회 속에서 의미를 잃지 않기 위해선 스스로의 균형을 잡아야 할 때다.

취미를 가지려고 갈망하는 것도 도파민에 중독되어 있는 것인가?

취미를 가지려는 갈망이 반드시 도파민에 중독되어 있다고 볼 수 없다.
취미는 본래 자기 만족, 창의적 표현, 그리고 개인적 성장을 추구하는 활동으로, 도파민의 자극을 받는 순간적인 즐거움과 다른 종류의 경험을 제공한다.

하지만 취미를 찾는 과정에서도 도파민이 작용할 수 있다.
새로운 활동이나 도전적인 목표를 추구할 때, 우리가 성공하거나 즐거운 경험을 할 때 도파민이 분비되며 그 경험이 긍정적인 피드백을 주기도 한다.
이 경우, 취미를 통해 얻는 만족감은 도파민의 영향을 받을 수 있지만, 취미 자체가 도파민 중독으로 변질되지는 않는다.

도파민 중독은 반복적이고 즉각적인 보상을 추구하는 행동에 의해 발생하는데, 취미는 대개 깊이 있는 경험이나 장기적인 만족을 추구하는 활동이다.
중요한 것은 취미가 일시적인 자극에 의존하지 않고, 우리가 진정으로 의미를 느끼고 즐길 수 있는 활동이어야 한다는 점이다.
그렇다면 취미는 도파민의 자극을 넘어서, 진정한 삶의 질을 높이는 방향으로 기능할 수 있다.

삶의 질을 높이는 방향

삶의 질을 높이는 방향은 단순히 물질적 풍요나 외부의 성공을 추구하는 것에서 벗어나, 내적인 만족과 의미를 찾는 데 중점을 두는 것이다.
삶의 질을 향상시키기 위한 몇 가지 중요한 방향은 다음과 같다.

자기 인식과 성장
자신을 이해하고, 강점과 약점을 인식하며, 지속적으로 성장하는 것은 삶의 질을 높이는 중요한 요소이다.
자기 성찰을 통해 목표를 세우고, 이를 이루기 위한 노력을 지속하는 것은 내적 만족을 제공한다.
의미 있는 관계 맺기
사람들과의 깊은 관계, 즉 가족, 친구, 동료들과의 진솔한 연결은 삶의 중요한 부분이다.
서로에게 지지하고, 이해하며, 공감하는 관계는 정서적 안정과 행복감을 제공한다.
건강한 라이프스타일
신체적, 정신적 건강을 유지하는 것은 삶의 질에 큰 영향을 미친다.
규칙적인 운동, 균형 잡힌 식사, 충분한 수면 등은 건강을 지키는 기본적인 방법이다.
또한 스트레스 관리와 정신적인 휴식도 중요하다.
목표와 의미 있는 활동
단순히 즐거운 활동만이 아니라, 자신의 가치와 일치하는 의미 있는 활동을 하는 것이 중요하다.
예를 들어, 취미, 봉사 활동, 창의적 작업 등을 통해 더 깊은 만족을 얻을 수 있다.
감사의 마음과 긍정적인 태도
일상에서 감사하는 마음을 가지는 것은 삶의 질을 높이는 데 중요한 역할을 한다.
작은 것들에도 감사하며, 긍정적인 시각으로 세상을 바라보는 태도가 스트레스 감소와 행복감을 증가시킬 수 있다.
균형 잡힌 삶
일과 개인 생활의 균형을 맞추고, 과도한 경쟁과 압박에서 벗어나 여유를 찾는 것이 삶의 질을 높이는 데 중요한 요소이다.
일에서의 성취도 중요하지만, 여가와 휴식도 삶의 중요한 부분이다.
지속적인 학습과 호기심
새로운 것에 대해 배우고, 다양한 경험을 통해 사고의 폭을 넓히는 것도 삶의 질을 향상시키는 방법이다.
끊임없는 호기심과 도전은 사람을 더 풍요롭고 다채로운 삶으로 이끈다.

결국, 삶의 질을 높이는 방향을 외부의 기준이나 비교에서 벗어나 자기 자신에게 진정으로 중요한 가치와 목표를 찾고, 이를 실현하는 과정에 있다.
이는 일상에서의 작은 실천들이 모여 큰 변화를 만들어내는 길이다.

출처

유튜브 알고리즘에 의한 여캠 코스프레 영상 썸네일을 보고 문득 든 생각
직장 선배(양○호)와의 도파민 관련 소담에 대한 기억

Arimura Skin v1.2

ありむら(아리무라) — Sat, 15 Aug 2026 21:15:00 +0900

안녕하세요, 아리무라입니다.

v1.1 배포 이후 발견된 문제 몇 가지를 고치고, 레이아웃도 조금 다듬어서 v1.2를 만들었습니다.

업데이트 사항

1. 목차 위치 고정

목차가 있는 글과 없는 글을 오갈 때 사이드바와 본문 전체가 살짝 왼쪽으로 밀려 보이는 문제가 있었습니다.
이제 사이드바와 본문은 항상 같은 자리에 고정되고, 목차는 그 오른쪽에 독립적으로 붙습니다.
화면이 충분히 넓을 때만 목차가 나타나고, 애매하게 좁은 구간에서는 목차 없이 사이드바와 본문만 보이도록 정리했습니다.

2. 본문 폭 수정

계산식에 작은 실수가 있어서 본문이 의도했던 것보다 살짝 좁게 나오고 있었습니다.
바로잡아서 본문이 조금 더 넓어졌습니다.

3. 목록 표시 오류 수정

본문에 글머리 기호나 번호 매기기 목록을 넣어도 점이나 숫자가 안 보이던 버그를 고쳤습니다.

4. 다크모드 색상 수정

글 하단에 자동으로 붙는 프로필과 댓글 입력창이 다크모드에서도 밝은 배경 그대로 나와서 눈부셨는데, 모드에 맞게 바꿨습니다.

5. 구분선 추가

사이드바와 본문, 그리고 목차 사이 경계가 안 보이던 부분에 세로선을 넣었습니다.
글자와 선이 너무 붙어 보이지 않도록 여백도 함께 뒀습니다.

버그 제보 및 건의사항

사용하시다가 이상한 부분을 발견하시거나 있으면 좋겠다 싶은 기능이 있으면 댓글로 남겨주세요.

Arimura Skin v1.2.zip

0.07MB

Arimura Skin v1.1

ありむら(아리무라) — Sat, 15 Aug 2026 02:24:12 +0900

안녕하세요, 아리무라입니다.

v1.0 배포 이후 발견된 버그를 고치고, 기능도 몇 가지 더 추가한 v1.1을 만들었습니다.

(예시 화면) 업데이트 된 사이드바 + 목차 전체 화면

새로 생긴 기능

1. 목차(TOC) 전면 개편

이제 목차가 글 박스 안에 끼어있는 게 아니라, 사이드바처럼 완전히 독립된 칼럼으로 분리됐습니다.
데스크톱에서는 본문 오른쪽에서 스크롤을 따라오고, 지금 읽고 있는 소제목이 목차에서 자동으로 강조됩니다.
모바일에서는 화면이 좁아서 "목차 ▶" 한 줄만 보이다가, 누르면 펼쳐집니다.

2. 이미지 라이트박스

본문에 넣은 이미지를 클릭하면 화면 가운데 크게 뜹니다.
바깥을 클릭하거나 ESC를 누르면 닫힙니다.

3. 게시글이 하나도 없는 빈 카테고리는 사이드바에서 자동으로 안 보이게 했습니다.

4. 헤더 상단 여백도 좀 더 촘촘하게 줄였습니다.

(예시 화면) 목차가 스크롤을 따라오고, 이미지 라이트박스가 켜짐

고친 버그

카테고리 목록과 글 목록 제목 옆에 뜨는 새 글 표시가 다음 줄로 밀려나던 문제를 고쳤습니다.

향후 추진계획

1. 마크다운 문법 및 리스트를 적용했을 때 정상적으로 표시되도록 수정

2. 칼럼 구성 변경

기존			→	변경 예시
프로필 +카테고리	글	목차		프로필 +카테고리	목차	글	댓글
	댓글
	프로필

3. (하단 프로필 및 댓글) 화이트 또는 다크 모드 호환 기능 개선

이용 안내

이 스킨은 수정 및 재배포가 금지되어 있습니다.

버그나 건의사항은 이전 글처럼 댓글로 남겨주세요.

Arimura Skin v1.1.zip

0.07MB