탭구현1 CSS only 탭 UI-radio input, :target, details 사용방법 CSS only 탭 UI, 실제로 쓸 수 있을까JavaScript 없이도 탭 UI를 구현할 수 있다는 말, 처음 들었을 때 저도 반신반의했습니다. 그런데 직접 세 가지 방식을 다 구현해보고 나서 생각이 바뀌었습니다. 쓸 수 있는 상황이 분명히 있고, 쓰면 안 되는 상황도 분명히 있습니다. 문제는 "CSS only로 모든 걸 해결할 수 있다"는 식의 글들이 그 경계를 잘 알려주지 않는다는 점입니다. 저는 그 경계를 직접 부딪히며 알게 됐습니다.radio input으로 탭 만들기CSS only 탭의 가장 대표적인 방법은 radio input과 label을 조합하는 방식입니다. 원리 자체는 단순합니다. radio input에는 같은 name을 가진 버튼 중 하나만 선택할 수 있다는 특성이 있고, 선택된 상태를.. 2026. 4. 20. 이전 1 다음
