kyunghwan1207

※ 본 블로그는 인프런 웹브라우저 JavaScript(자바스크립트) 수업을 듣고 정리한 내용입니다. jQuery Object란? jQuery 함수의 return 값으로 jQuery함수를 이용해서 선택한 element들에 대해서 처리할 작업을 property로 가지고 있는 객체다. html css javascript F12(개발자 도구)를 열고 let li = $('li') li -> [html, css, javascript] 여기서 $()는 jQuery함수이고, 변수 li는 jQuery 객체가 되는 것이다. li.css('text-decoration', 'underline'); 명령어를 사용하면 위에 li태그들에 해당하는 html, css, JavaScript에 style="text-decoration:..

JavaScripts 2021. 8. 2. 10:54

※본 자료는 인프런 생활코딩님의 웹브라우저 JavaScript (자바스크립트)수업을 기반으로 작성된 글입니다. Object Model 웹브라우저의 구성요소들은 하나하나가 객체화되어 있다. 자바스크립트로 이 객체를 제어해서 웹브라우저를 제어할 수 있게 된다. 이 객체들은 서로 계층적인 관계로 구조화되어 있다. BOM과 DOM은 이 구조를 구성하고 있는 가장 큰 틀의 분류라고 할 수 있다. 위 코드는 간단하게 image를 웹브라우저에 띄우는 html코드이다. 이때 자바스크립트를 통해 img태그를 제어하기 위해서는 img태그가 자바스크립트로 제어가능한 형태, 즉 "객체(Object)"여야한다. 이 객체는 사용자가 만드는 것이 아니고, 웹브라우저에서 html코드를 읽고 반영하는 과정에서 html, body, i..

JavaScripts 2021. 7. 26. 19:21

값으로서의 함수 1.함수는 값으로 사용가능 JavaScript에서는 함수도 객체다. 다시 말해서 일종의 값이다. 거의 모든 언어가 함수를 가지고 있다. JavaScript의 함수가 다른 언어의 함수와 다른 점은 함수가 값이 될 수 있다는 점이다. function a(){} 위의 예제에서 함수 a는 변수 a에 담겨진 값이다. 따라서 아래와 같은 방식으로 써도 무방하다. let a = function(){} //함수 또한 함수는 객체의 값으로 포함될 수 있다. 이렇게 객체의 속성 값으로 담겨진 함수를 메서드(method)라고 부른다. a = { b: function(){ //메서드 } } 코드 설명: a라는 객체에 b라는 key가 있고 그 key에 function( ){ }이라는 value가 대응된다. 따라..

JavaScripts 2021. 7. 18. 19:10

※ 본 글은 자바스크립트 언어 기본 - javascript(생활코딩)을 참고하여 작성하였음을 알립니다. 들어가기 앞서 해당영상과 다른 부분을 설명하고 진행하겠습니다. var, let, const의 차이 ?? 참고하고 있는 해당강의가 2014년의 영상이기 때문에 ES6(ES2015)이전의 문법을 따른것 같다. ES6에서 let, const가 등장하면서 var는 잘 사용하지 않게되었다. 그 이유는 var는 hoisting되는 특징을 가지고 있지만, let과 cont는 그렇지 않다. 만일 let과 const를 초기화하기 전에 참조하려고 하면 Reference Error가 발생한다. 이는 보안상의 이유와 협업에서의 불편함을 줄여준다. 객체(1/3): 객체(Object) 우리가 기존에 알고있던 배열(Array)은..

JavaScripts 2021. 7. 12. 01:44