체류시간늘리기2 CSS only 탭 UI-radio input, :target, details 사용방법 JavaScript 없이도 탭 UI를 구현할 수 있다는 말, 처음 들었을 때 저도 반신반의했습니다. 그런데 직접 세 가지 방식을 다 구현해보고 나서 생각이 바뀌었습니다. 쓸 수 있는 상황이 분명히 있고, 쓰면 안 되는 상황도 분명히 있습니다. 문제는 "CSS only로 모든 걸 해결할 수 있다"는 식의 글들이 그 경계를 잘 알려주지 않는다는 점입니다. 저는 그 경계를 직접 부딪히며 알게 됐습니다. 그리고 솔직히 말하면, 부딪힌 뒤에도 한동안 "내가 뭔가 잘못하고 있는 건가"를 먼저 의심했습니다. 방법의 한계라는 걸 인정하기가 쉽지 않았습니다.radio input으로 탭 만들기CSS only 탭의 가장 대표적인 방법은 radio input과 label을 조합하는 방식입니다. radio input에는 같은 .. 2026. 4. 20. 티스토리 목차 만들기 (앵커링크, 체류시간, SEO) - 독자의 행동을 바꾼다 처음 티스토리 블로그를 시작했을 때 나는 목차라는 개념 자체를 별로 심각하게 생각하지 않았다. 글을 쓰면 당연히 읽어야 하는 거 아닌가, 위에서 아래로 죽 내려가면 되는 거 아닌가 하고. 마치 골목 맛집에 처음 갔을 때 메뉴판 없이 주인아주머니가 그냥 "오늘 건 이거예요" 하면 그냥 시키는 것처럼. 선택지가 없으니 고민도 없고, 불편한지도 몰랐다.그런데 어느 날 내 글의 평균 체류 시간이 40초대라는 걸 구글 서치 콘솔에서 확인했다. 분명 2000자가 넘는 글인데 40초면 사람들이 첫 두 단락만 보고 나가는 거다. 처음엔 글이 재미없어서 그런가 싶었다. 글을 다시 읽어봤는데 내용 자체는 나쁘지 않았다. 그렇다면 문제는 구조였다. '왜 안 읽고 나가지?'를 진지하게 고민하기 시작하면서, 목차라는 게 얼마나.. 2026. 4. 11. 이전 1 다음
