배열 1. 선언(Declaration) const arr1 = new Array(); const arr2 = [1,2]; 2. Index Position const fruits = ['AA', 'BB']; console.log(fruits); // ["AA", "BB"] console.log(fruits[0]); // AA 3. 순회 및 검색 (Looping over an array) // for for(let i = 0; i < fruits.length; i++) { console.log(fruits[i]); } // of for(let fruit of fruits){ console.log(fruit); } // forEach fruits.forEach(function(fruit, index, arra..
콜백함수(CallBack function) 매개변수로 전달하는 함수 실습 - 매개변수로 들어온 함수를 10번 실행 function callTenTimes(callback) { for(var i = 0; i < 10; i++){ callback(); } } //선언적 함수 function testA() { console.log('testA() 함수입니다. '); } //이름이 없는 함수 = 익명함수 var testB = function () { console.log('testB() 함수입니다. '); }; //함수 호출 callTenTimes(testA); callTenTimes(testB); //함수를 선언하며 바로 매개변수로 전달 callTenTimes(function () { console.log('..
1. Property value shorthand / Constructor function // 3. Property value shorthand const person1 = {name : 'aa', age : 2}; const person2 = new Person('bb',11); console.log(person1); // {name: "aa", age: 2} console.log(person2); // Person {name: "bb", age: 11} // 4. Constructor function function Person(name, age) { this.name = name; this.age = age; } 2. key 값이 있는지 체크 (in operator: property existen..
jQuery를 활용해 특정값의 option값이 selected 되도록 하는 방법 $("#select_id").on("change", function(){ // 값이 1인 option 선택 $(this).val("1").prop("selected", true); // OR option 순서값으로 선택 // 첫번째 option 선택 $(this).find("option:eq(0)").prop("selected", true); }); // value 값으로 선택 $("#select_id").val("1").prop("selected", true); // OR option 순서값으로 선택 $("#select_id option:eq(0)").prop("selected", true);
참고 URL : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty Reactivity 기초 위의 소스 라이브러리화 하기 브라우저에서 변수에 값을 대입해보면 실시간으로 변경되는 것을 볼 수 있다.
$.getJSON 사용법 index.jsp JSON파일( person.json ) [ { "id": "1", "name": "Tiger Nixon" }, { "id": "2", "name": "joy" }, { "id": "3", "name": "young" } ] http://localhost:8080/ 결과화면
1.checked 여부 확인 $("input:checkbox[id='ID']").is(":checked") == true : false /* by ID */ $("input:checkbox[name='NAME']").is(":checked") == true : false /* by NAME */ 2.checked/unchecked 처리 $("input:checkbox[id='ID']").attr("checked", true); /* by ID */ $("input:checkbox[name='NAME']").attr("checked", false); /* by NAME */ 3.특정 라디오버튼 선택 / 모든 라디오버튼 선택해제 $("input:radio[name='NAME']:radio[value='VAL..
h1 , TextNode를 생성하여 body 연결 테스트 결과
window.onload 실행순서 Process-1 Process-2 실행결과를 확인해보면 HTML부분을 다 읽고나서 onload함수가 실행되는 것을 알 수 있다. 순서 : Process -1 ---> Process -2 ---> onload function()
타이머 관련 함수 setTimeout(function, millisecond) - 일정시간 후 함수를 한번 실행 setInterval(function, millisecond) - 일정 시간마다 함수를 반복해서 실행 clearTimeout(id) - 일정 시간 후 함수를 한 번 실행하는 것을 중지한다. clearInterval(id) - 일정 시간마다 함수를 반복하는 것을 중단한다. 예시) 2초마다 실행하는 걸 10초후 setTImeout함수를 실행해서 멈춘다. hello script
배열을 쉽게 반복해서 꺼낸다.
change 자바스크립트를 사용해 이벤트를 동작하기 위해서는 addEventListner() 라는 함수가 존재하는데 해당 함수를 jQuery를 사용하면 간단한 방법으로 이벤트를 제어할 수 있는데 대표적인, bind(), on(), 메소드 외에 change() 메소드에 대하여 알아보자. change() 메소드는 해당하는 요소의 value에 변화가 생길 경우 이를 감지하여 등록된 콜백함수를 동작시킨다. 해당 코드는 input, textarea, select 태그에 동작한다. 그럼 간단한 예제를 통해 알아보자. 참고 URL : https://api.jquery.com/change/#change-handler .change() | jQuery API Documentation Description: Bind an..