For 2

[Javascript] forEach/for..in/for..of/for 구문

forEach함수의 구문 배열의 반복이며, 배열에서만 사용할 수 있는 메서드이다. forEach()는 배열의 처음부터 마지막 요소까지 반복하여 실행하고 인자로 콜백함수를 받아온다. 주어진 콜백함수를 배열 요소 각각에 실행하는 순회방법이 있다. 하지만 forEach()함수는 보통 map()함수와 함께 가장 널리 사용되는 순회방법 중 하나이다. var arr = ["1", "2", "3"]; // ES6의 화살표 함수를 이용하면 코드를 아주 간결하게 만들 수 있습니다.(가장 자주 쓰는 형태) arr.forEach(item => { // item 변수는 배열 각각의 요소들을 순환합니다. console.log(item); }); // forEach 함수의 원형 그대로 사용하기 arr.forEach(functio..

[Javascript] for문을 사용해서 tab-menu/탭메뉴 만들기

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. 탭 버튼과 탭 컨텐츠가 ..