자바스크립트15 [JavaScript] 클릭된 요소 선택하기 event.target.value event.currentTarget.value // JQuery $(event.target) $(event.currentTarget) 참고 사이트 https://webisfree.com/2017-09-06/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-event-target-%ED%94%84%EB%A1%9C%ED%8D%BC%ED%8B%B0%EC%99%80-currenttarget-%ED%94%84%EB%A1%9C%ED%8D%BC%ED%8B%B0%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%90%EC%9D%80 자바스크립트 event target 프로퍼티와 currentTarget 프로퍼티의 차이점은? 자.. 2020. 2. 1. [JavaScript] DOM이란? DOM ( Document Object Model ) 문서 객체 모델 문서 == html 문서 객체 == JavaScript 객체 문서객체 == JavaScript가 읽을 수 있게 객체화된 html 요소 (개발자도구에서 확인된다!) 문서객체모델 == 생성된 문서객체들이 규칙성 있게 모여있는 것 ▶ 정적인 문서객체 생성 - 웹브라우저는 html 문서를 읽으면서 모든 요소들을 javascript객체화 한다. ▶ 동적인 문서객체 생성 - 자바스크립트는 html문서에 있는 요소를 가져와 객체화해서 다루거나, html에 없는 새로운 객체를 만들 수 있다. >> 생성된 문서객체들이 모인 것이 문서객체모델(DOM)이다! 2020. 1. 22. [JavaScript 오류] cannot read property 'replace' of undefined 콘솔창에 나타나는 오류. replace라는 함수에 문제가 있는 것 같지만, replace가 호출하는 요소의 id나 name이 잘못되지 않았나 확인해보자. 내 경우 jsp단에 id값이 안 들어가 있었음. 2020. 1. 22. [Nomad coders] 초급 바닐라JS - 함수에 담을 수 있는 것들 자바스크립트 기초를 다시 공부하기 위해 Nomad coder의 '초보자를 위한 바닐라 스크립트' 강의를 듣고 있다. 무료임. 1월 27일부터 바닐라JS 챌린지라는 걸 진행하는데 그 전까지 강의를 예습하길 추천하더라. 배운 것들을 적어보려고 한다. 객체(Object)에 담을 수 있는 것들 const hmInfo = { name : "Hyemin", age : 28, gender : "W", isHandsome : true, favMovies : ["wallFlower", "captainMarble"], favFood : [ { name: "gyul", sweetness:true }, { name: "steak", sweetness:true } ] } 1. 문자열 (String) 2. 숫자 (int 또는 f.. 2020. 1. 17. [JavaScript] 자바스크립트에서 향상된 for문 쓰기 코드 // default let list = ["a", "b"]; for(var i in list) { alert(list[i]); } // json let jsonList = [{"name":"a", "value":"apple"}, {"name":"b", "value":"bear"}]; for (idx in jsonList){ alert(jsonList[idx].name); alert(jsonList[idx].value); } 2020. 1. 17. [JavaScript] var 대신 let을 써야 하는 이유 * 해당 포스팅은 참고페이지의 코드를 똑같이 사용하였음 1. 범위 규칙이 엄격함 function run() { var foo = "Foo"; let bar = "Bar"; console.log(foo, bar); { let baz = "Bazz"; console.log(baz); } console.log(baz); // ReferenceError } run(); 위의 코드는 let을 사용하고 있고 baz를 중괄호 밖에서 실행할 때 레퍼런스 오류(해당 변수가 정의되지 않았다)를 발생시킨다. let을 var로 바꿔 돌려보면 에러 없이 실행되는 것을 확인할 수 있다. let은 자신을 둘러싼 제일 작은 중괄호 안에서만 작동하지만, var는 어떤 중괄호 안에 속해있든 같은 function 안에서라면 무조건 작동한.. 2020. 1. 13. 이전 1 2 3 다음