런타임노트

validateInput 함수는 "나는 진짜 태그를 주세요" 라고 기대중 예를 들면,위와 같은 것을 받길 기대하고 있음.위와 같은 것을 보내면, validateInput 안에서 .getAttribute 같은걸 함 그런데,나는{ value: "블라" }위의 것을 보냈다.겉보기에는 input.value 처럼 보이지만 사실 이건 그냥 일반 자바스크립트 객체일반 객체엔 getAttribute 같은거 못함. 그래서 validateInput 안에서 input.getAttribute("...") 를 부르는 순간 에러 발생! ** 해결방법 **문자열 그대로 주지 말고 태그 하나 만들어서 값만 심어주면 된다.const fakeInput = document.createElement("input");fakeInput.v..

1. window.onload 1) 호출 시점 - 페이지의 모든 요소들이 로드된 이후에 호출 2) 특징 - 페이지의 모든 요소들이 로드되어야 호출된다. - 한 페이지에서 하나의 window.onload()함수만 적용된다. - 가장 나중에 호출된 함수만 적용 2. $(document).ready() 1) 호출 시점 - DOM이 로드된 시점 2) 특징 - 외부 리소스 및 이미지 로딩과 상관없이 DOM만 로드되면 바로 실행된다. - 중복 사용해도 순서대로 모두 실행된다.

전문직 주부 // value는 value값 function changeJob() { var jobSelect = document.getElementById("job"); var selectedJob = jobSelect.options[jobSelect.selectedIndex].value; // 1 } // text는 text값 function changeJob() { var jobSelect = document.getElementById("job"); var selectedJob = jobSelect.options[jobSelect.selectedIndex].text; // 전문직 }

let과 var은 JavaScript에서 변수를 선언하는 데 사용되는 두 가지 키워드 두 키워드는 스코프 및 호이스팅과 관련하여 중요한 차이가 있습니다. 스코프: var는 함수 스코프를 가지고 있습니다. 즉, 변수가 선언된 함수 내에서만 유효하며 함수 외부에서는 접근할 수 없습니다. let은 블록 스코프를 가지고 있습니다. 블록 내에서 선언된 변수는 블록 내에서만 유효하며 블록 외부에서는 접근할 수 없습니다. function example() { if (true) { var x = 5; // 함수 스코프 let y = 10; // 블록 스코프 } console.log(x); // 5 console.log(y); // ReferenceError: y is not defined } 2. 호이스팅: var는 ..

출처 : https://semicolon-dev.tistory.com/48 원하는 개발 방향 1. 테이블에 모든 줄에 저장 버튼이 있음 2. 저장 버튼을 눌렀을 때 해당 줄에 있는 값을 jQuery 상에서 불러와야 함 우선 해당 개발 방향대로 개발을 진행하기 위해 아래와같은 테이블을 작성하였습니다. 주소 설명 저장버튼 저장 저장 저장 $('.saveBtn').on('click', function() { //현재 row의 정보 가져오기 var thisRow = $(this).closest('tr'); //주소 input 값 가져오기 var addr = thisRow.find('td:eq(0)').find('input').val(); //섦졍 input 값 가져오기 var txt = thisRow.find(..

undefined 정의되지 않음. 변수가 초기화 되어있지 않는 상태 null 변수에 값이 없는 상태 var dd; // undefined var dd = null; // null // 예제 // 결과 : BBBBB undefined와 null 둘 다 잡으려면

forEach() MDN참조 주어진 함수를 배열 요소 각각에 대해 실행함. array1.forEach(element => console.log(element)); // expected output: "a" // expected output: "b" // expected output: "c" for 반복문을 forEach()로 바꿀 수 있다 const items = [ 'item1', 'item2', 'item3' ]; const copy = []; // 반복문 for (let i =0; i { if (Array.isArray(i)) { result.push(...flatten(i)) } else { result.push(i) } }) return result } // Usage const nested =..

Javascript에서 문자열 줄 바꿈하는 2가지 방법! escape 문자 사용하기 템플릿 리터럴(Template literals) 사용하기 1. escape 문자 사용하기 문자열에 New Line을 뜻하는 '\n' 이스케이프 문자를 넣어주면 줄바꿈됩니다. const str = 'a\nb\nc\n'; document.getElementById("result").innerHTML=str; 2. 템플릿 리터럴(Template literals) 사용하기 const str =`a b c`; document.getElementById("result").innerHTML=str; 문자열 안에 escape문자인 '\n'을 사용하면, 가독성이 떨어지는 단점이 있습니다. 문자열을 정의할 때 따옴표( ' 또는 " )를 사..

splice 함수를 사용한다. array.splice(start, deleteCount [, item1 [, item2 [, ...] ] ]) start : 기준이 되는 배열의 index deleteCount : splice 함수는 배열 중간에 값을 삭제할 때도 사용한다. 값을 삭제할 때는 start에 설정한 index로 부터 몇 개의 요소를 제거할지 지정한다. 값을 추가하는 경우에는 ‘0’으로 설정. item : 설정할 값