작업을 하면서 가장 많이 구현하게 되는 기능 중 하나인 탭메뉴를 2가지 방법으로 구현해보자. 1. 탭 버튼과 탭 컨텐츠가 한 영역으로 묶여 있는 경우 전체 소스 Tab Button1 Tab Content1 Tab Button2 Tab Content2 Tab Button3 Tab Content3 위와 같이 버튼(.btn)과 창(.cont)이 인접해 있을때 하나의 li 태그로 묶여서 li태그를 제어하면 버튼과 컨텐츠 영역을 모두 제어할 수 있게 마크업을 하는 방법에선 더욱 간단하고 효율적으로 만들 수 있다. 구현 결과 및 소스 리뷰 1. .tab_menu .list의 li안에 있는 각 버튼에 addEventListener로 'click' 이벤트를 걸어준다. (for문을 통해) 2. 해당 이벤트에 preven..