체류시간늘리기2 CSS only 탭 UI (radio input, :target, details) JavaScript 없이도 탭 UI를 구현할 수 있습니다. CSS만으로 말이죠. 저도 처음엔 반신반의했는데, 실제로 써보니 생각보다 쓸 만한 상황이 분명히 있었습니다. 다만 "CSS only로 모든 걸 해결할 수 있다"고 단언하는 시각도 있는데, 제 경험상 그건 좀 다릅니다. 방법마다 분명한 한계가 있고, 어느 쪽이 낫다고 쉽게 말하기 어렵습니다.radio input으로 탭 만들기CSS only 탭의 가장 대표적인 구현 방식은 radio input과 label을 조합하는 방법입니다. 원리는 단순합니다. 브라우저가 radio input의 :checked 상태를 CSS로 감지할 수 있다는 점을 이용합니다. 여기서 :checked란 체크박스나 라디오 버튼이 선택된 상태를 CSS가 인식하는 가상 클래스(pseu.. 2026. 4. 20. 티스토리 목차 만들기 (앵커링크, 체류시간, SEO) 처음 티스토리 블로그를 시작했을 때 나는 목차라는 개념 자체를 별로 심각하게 생각하지 않았다. 글을 쓰면 당연히 읽어야 하는 거 아닌가, 위에서 아래로 죽 내려가면 되는 거 아닌가 하고. 마치 골목 맛집에 처음 갔을 때 메뉴판 없이 주인아주머니가 그냥 "오늘 건 이거예요" 하면 그냥 시키는 것처럼. 선택지가 없으니 고민도 없고, 불편한지도 몰랐다.그런데 어느 날 내 글의 평균 체류 시간이 40초대라는 걸 구글 서치 콘솔에서 확인했다. 분명 2000자가 넘는 글인데 40초면 사람들이 첫 두 단락만 보고 나가는 거다. 그때부터 '왜 안 읽고 나가지?'를 진지하게 고민하기 시작했고, 거기서 목차라는 게 얼마나 중요한지 깨달았다.목차는 독자에게 "이 글에 당신이 찾는 게 있어요"라고 먼저 말해주는 역할을 한다... 2026. 4. 11. 이전 1 다음
