반응형

SW/JavaScript 64

jQuery : 셀렉트 박스 : 옵션 추가, 제거, 선택 제거, 배열로 추가 : 방법, 예제

jQuery를 사용하여 셀렉트 박스에서 옵션 항목 제거 JQuery는 JavaScript를 사용하여 코딩하는 데 걸리는 시간을 줄이고 코딩하는 데 필요한 줄의 수를 줄이는 쉬운 방법입니다. jQuery를 사용하여 선택 상자에서 옵션을 제거하는 것이 좋은 예입니다. selectbox가 있는 경우 : option1 option2 option3 option4 셀렉트 드롭 다운에서 제거 방법 옵션 제거하는 방법은 다음과 같습니다. $("#selectBox option[value='option1']").remove(); 셀렉트 드롭 다운에서 옵션 추가 방법 셀렉트 박스에 옵션을 추가하기 위해, 옵션 리스트 마지막에 추가를 해줍니다. $("#selectBox").append('option6'); 첫번째를 제외하고 ..

SW/JavaScript 2020.03.10

jQuery : element 존재 여부 체크 방법 : 주의사항, 팁

동적 요소를 사용할 때 Javascript에서 element에 특정 수행하기 전에 요소가 존재하는지 확인해야합니다. 그렇지 않으면 element에 정의되지 않은 오류가 발생합니다. 다른 방식으로 수행된다는 점을 제외하고는 jQuery와 다르지 않습니다. JavaScript에서는 document.getElementById를 사용하여 요소가 존재하는지 확인합니다. element가 존재하는지 확인하는 순수 JavaScript if(document.getElementById('div')){ //do stuff } 요소가 존재하는지 확인하는 JQuery 접근법 jQuery에서는 다음과 같이 구현할 수 있다고 생각하실 수 있습니다. if($('#div')){ //do stuff } 그러나 셀렉터를 사용할 때마다 j..

SW/JavaScript 2020.03.09

JavaScript : 함수 : 디폴트 파라미터 : 기본값 설정 : 예제, 방법

Javascript의 디폴트 파라미터 디폴트 파라미터는 값이 전달되지 않는 함수 파라미터의 기본값을 설정하는 방법입니다. 함수에서 매개 변수가 제공되지 않은 경우 값이 정의되지 않습니다. 이 경우 지정한 기본값이 컴파일러에 의해 적용됩니다. 예시 : function greet(name = "noob master") { console.log("Welcome mr." + name); } greet("Jagathish"); // Welcome mr.Jagathish greet(); //Welcome mr.noob master greet("");// Welcome mr. 기본 파라미터(ES6 이전 버전은 사용할 수 없음)를 사용하지 않으면 변수의 존재 여부를 확인하고 직접 설정해야 합니다. function gr..

SW/JavaScript 2020.02.15

JavaScript : array : min, max 값 얻는 방법, 예제

Math object의 max function에 대해 알아보겠습니다. Math.max() function은 0보다 큰 숫자를 반환합니다. 그리고 Math obejct의 min function 함수도 있습니다. Math.min() 함수는 0 이상의 최소 숫자를 반환합니다. 최대 또는 최소 함수를 사용하는 예입니다. Math.max(1, 2, 3) // 3 Math.min(1, 2, 3) // 1 하지만 만약 숫자의 배열을 가지고 있고 그 안에서 최소값과 최대값을 찾고자 한다면 어떻게 해야 할까요? Math.min 또는 Math.max 메서드에 배열을 넘기면 NaN이 나옵니다. const nums = [1, 2, 3] Math.min(nums) // NaN Math.max(nums) // Nan 그 이유는 ..

SW/JavaScript 2020.02.12
반응형