Coding/JavaScript+jQuery 4

[Javascript - note] function (ES6)

1. Default Parameters (기본값 매개변수) ES6 전에는 function을 호출할 때 parameter를 부른 만큼 인자를 넣어주지 않으면 에러가 뜨기 때문에 if문으로 해당 parameter의 값이 없다면, default 값을 띄우라는 코드를 작성해주어야 했는데, ES6 전↓ function addDefaultParam(a, b) { if (b === undefined) { b = 'world'; } console.log(`${a}, ${b}!`); } addDefaultParam('Hello'); // 출력값 === Hello, world! ES6 부터는 parameter를 선언하는 자리에 default 값을 넣어주면 된다. ES6! ↓ function addDefaultParam(a..

[Javascript - Q] for in문에서 array, object 배열 사용 시 변수의 값

반복문 for in문을 배우는 중 array와 object를 사용했을 때 결과값이 이해가 안간다. for in문에서 array를 사용한 경우, let arr = [3, 4, 5]; for (let i in arr) { // 위와 같은 동작을 하는 for / in 문 document.write(i + " "); } document.write(" "); // 결과는 0 1 2 변수로 사용된 i는 arr 배열의 내용이 아닌 순서를 출력한다. 그런데, for in문에서 object 배열을 사용한 경우, var obj = { name : "이순신", age : 20 }; for (var i in obj) { document.write(i + " "); } // 결과는 name age 변수로 사용된 i는 obj 배..

[jQuery/Javascript] 버튼으로 diplay 바꾸기

조건문 if/else를 사용해서 버튼으로 display 속성을 바꿔주는 jQuery를 작성했다. HTML / CSS jQuery nav An item A second item A third item A fourth item And a fifth one header { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 20px; } .nav-btn { padding: 12px 20px; color: #fff; background-color: #06f; border: 0; border-radius: 5px; } .list-group { position: absolute; top: 96p..

[Javascript - Q] Vanilla Javascript는 동일 class를 다중 선택하는 것이 불가능한가?

코딩애플(https://online.codingapple.com/) 자바스크립트 기초 수업을 들으며 생긴 의문. 7강 jQuery의 장점을 설명하는 중, 바닐라 자바스크립트는 클래스명으로 변경할 때 해당 클래스를 가진 요소 전부를 한번에 변경하는 것이 어려운 반면, 제이쿼리는 한 줄의 짧은 코드로 해당 클래스를 가진 요소 전부를 한번에 변경 할 수 있다고 했음. ex) document.getElementsByClassName('클래스명')[순서].~; //쌩자바스크립트는 대괄호[]를 사용해서 순서를 지정해줘야 함 $('.클래스명').~~; //제이쿼리 이 경우, 바닐라 자바스크립트의 [순서] 부분에 [i]를 넣고 i>=0 이렇게 작성해서 반복하거나, 다른 방법을 사용해서 다중 선택 할 순 없을까? 결론 ..