쫑가 과정

연습: 60가지 연습문제. Selector, event, method https://www.w3schools.com/jquERy/exercise_jq.asp?filename=exercise_jq_selectors1 W3Schools jQuery Exercise I completed all the jQuery exercises on w3schools.com www.w3schools.com 문제: jQuery에 관한 25가지 문제 https://www.w3schools.com/jquERy/jquery_quiz.asp jQuery Quiz jQuery Quiz Test You can test your jQuery skills with W3Schools' Quiz. The Test The test contain..

새로운 요소나 콘텐츠를 손쉽게 추가할 수 있도록 여러 메소드를 제공 1. 기존 요소의 내부에 추가 DOM Insertion, Inside | jQuery API Documentation Insert content, specified by the parameter, to the end of each element in the set of matched elements. Insert every element in the set of matched elements to the end of the target. Get the HTML contents of the first element in the set of matched elements o api.jquery.com 메소드 설명 .append() 선택한 요..

목표 해야 할 일을 입력해서 화면에 띄운다. 그리고 삭제 버튼을 눌러서 없앨 수 있다. 작동원리 파악 html에 ul태그를 만들어 놓고 submit 할 때마다 li태그가 생성. li안에 삭제 button 태그와 입력값이 들어갈 span태그를 만들어서 넣자. span에 input에 입력값을 넣고 span을 화면에 띄우고 localStorage에 저장. 삭제 버튼을 누르면 해당 li태그 포함하는 화면과 저장 값 둘 다 지워진다. 저장 값이 있다면 꺼내서 화면에 띄움. ※ 여러 리스트를 추가한다는 것을 잊지 말기. 생성하고 지울 수 있어야 한다. 1. 필요한 태그 만들기. 오늘의 할 일 const toDoForm = document.querySelector(".todo_form"); const toDoInpu..

주어진 함수를 배열 요소 각 각에 대해 실행한다. Array.prototype.forEach() - JavaScript | MDN forEach() 메서드는 주어진 함수를 배열 요소 각각에 대해 실행합니다. developer.mozilla.org 구문 arr.forEach(callback(currentvalue[, index[, array]])[, thisArg]) callback - 각 요소에 대해 실행할 함수. 다음 세 가지 매개변수를 받는다. currentValue - 처리할 현재 요소. index (Optional) - 처리할 현재 요소의 인덱스. array (Optional) - foreach()를 호출한 배열. thisArg (Optional) - callback을 실행할 때 this로 사용할..

함수를 화살표로 표시한다. 화살표 함수 - JavaScript | MDN 화살표 함수 표현(arrow function expression)은 function 표현에 비해 구문이 짧고 자신의 this, arguments, super 또는 new.target을 바인딩 하지 않습니다. 화살표 함수는 항상 익명입니다. 이 함수 표현은 메 developer.mozilla.org function 표현에 비해 구문이 짧고 자신의 this, arguments, super 또는 new.target을 바인딩 하지 않습니다. 이 함수 표현은 메소드 함수가 아닌 곳에 가장 적합하다. 구문) (param1, param2, …, paramN) => { statements } (param1, param2, …, paramN) =>..

배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다. Array.prototype.map() - JavaScript | MDN map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다. developer.mozilla.org 구문 arr.map(callback(currentValue[, index[, array]])[, thisArg]) callback - 새로운 배열 요소를 생성하는 함수. 다음 세 가지 인수를 가진다. 1. currentValue - 처리할 현재 요소. 2. index (optional) - 처리할 현재 요소의 인덱스. 3. array (optional) - map()을 호출한 배열. ..

getter, setter method getter : 선택된 요소에 접근해 그 값을 읽어오기 위한 메소드. (아무런 인수를 전달하지 않고 return) setter : 선택된 요소에 접근해 그 값을 설정하기 위한 메소드. (대입하고자 하는 값을 인수로 전달해 return) 예시) $(function() { $("button").on("click", function() { var B = $("p").html(); // 1. 요소의 텍스트를 읽어오는 getter 메소드 $("#A").html(B); // 2. id가 "a"인 요소에 새로운 텍스트를 설정하는 setter 메소드 }); }); 결과) button을 click하면 id가 A인 요소 집합에서 각 요소에 B를 HTML 내용으로 설정. B: 요소 집..

모든 Selector 적용보기. Try jQuery Selector My name is Donald Duck I live in Duckburg I have many friends: www.w3schools.com Selector Selectors | jQuery API Documentation Select all elements that are in the progress of an animation at the time the selector is run. Selects elements that have the specified attribute with a value either equal to a given string or starting with that string followed by a h..