1. 탭 버튼과 탭 컨텐츠가 한 영역안에 있을 경우이 방법은 스크립트를 간소화 할 수 있는 장점이 있고 또한 마크업 구조의 접근성을 높일 수 있는 구조이다.HTML 탭메뉴1 첫번째 탭 내용 탭메뉴2 두번째 탭 내용 탭메뉴3 세번째 탭 내용 CSS Javascript - for문 1. tab-lists 안에 있는 li에 addEventListener로 클릭 이벤트 걸기 2. .btn을 a로 만들어놨는데 화면 이동을 막을 수 있는 e.preventDefault()를 걸어준다. 3. .btn 클릭시 해당 버튼의 부모 요소에 .tab-list-on 클래스를 준다. (add) 4, .btn을 클릭했을 때, 다른 부모 요소 .tab-list-on 클래스를 해제시켜준다. (remove) 2. 탭 버튼과 탭 컨텐츠가 ..