DOM DOM (Document Object Model) - 문서에 대한 모든 내용을 담고있는 객체로, 문서 즉 열려진 페이지에 대한 정보를 따로 객체화하여 관리 예를 들어 아래와 같은 태그가 있다면 This element is div 아래와 같이 ID 로 접근 가능하도록 해주는 역할이 DOM document.getElementById('here').innerHTML = 'I want change this HTML'; DOM 은 Document 즉, 현재 문서에 대한 변형과 제어를 담당했다면, BOM 은 Window 프로퍼티에 속해서 document 변형이 아닌 window 를 제어한다. BOM BOM (Browser Object Model) - 브라우저에 대한 모든 내용을 담고있는 객체로, 브라우저가 ..
기존 async 처리 방식을 async 속성으로 sync 처리하는 방법은 deprecated $.ajax({ url : "/examples/media/request", // 클라이언트가 요청을 보낼 서버의 URL 주소 data : { name : "Jane" }, // HTTP 요청과 함께 서버로 보낼 데이터 type : "GET", // HTTP 요청 방식(GET, POST) dataType : "json" // 서버에서 보내줄 데이터의 타입 async : false, // 동기식으로 처리 success : function(){ }, error : function(){ }, complete : function(){ } }); 대신 아래와 같이 사용 가능 $.ajax({ url : "/examples/m..
javascript 에서 callback 함수는 다른 함수의 매개 변수로 함수를 전달하고, 어떠한 이벤트가 발생한 후에 매개 변수로 전달한 함수가 다시 호출되는 것 plus(1, 2, function(result){ console.log(result); // 3 }); function plus(a, b, callback){ var sum = a + b; callback(sum); } plus 라는 함수에 매개 변수로 callback 함수를 넣어주고, plus 함수가 실행된 후 다시 callback 함수의 매개 변수로 결과값을 전달하여 callback 함수가 실행되는 로직
Javascript 의 변수 선언 방식 var let const 기존 변수 선언 방식과 추가된 변수 선언 방식 기존 변수 선언 방식 var var test = '테스트'; console.log(test); // 테스트 var test = '두번째 테스트'; console.log(test); // 두번째 테스트 변수를 한 번 더 선언했음에도 불구하고, 에러가 나오지 않고 각기 다른 값을 출력 추가된 변수 선언 방식 let let test = '테스트'; console.log(test); // 테스트 let test = '두번째 테스트'; console.log(test); // Uncaught SyntaxError: Identifier 'test' has already been declared test = ..