크리스의 개발일기

WHAT is hoisting? JavaScript에서 호이스팅(hoisting)이란, 인터프리터(고급 언어로 작성된 프로그램을 한 줄 단위로 받아들여 번역하고, 번역과 동시에 프로그램을 한 줄 단위로 즉시 실행시키는 프로그램)가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미한다. function whoAreYou(name) { console.log("나는 " + name + "입니다."); } whoAreYou("크리스"); /* result : "나는 크리스입니다." */ whoAreYou("장크리스"); function whoAreYou(name) { console.log("나는 " + name + "입니다."); } /* result : "나는 장크리스입니다." */ 호이스팅의 ..

[jQuery] .attr() 과 .prop() 의 차이 jQuery 를 사용하다 보면 태그들의 속성값을 정의하거나 가져오기 위해 .attr() 함수를 사용하는 경우가 많을 것이다. 그런데 jQuery 1.6 이후 부터 .attr() 함수가 용도에 따라 .attr() 과 .prop() 으로 분리 되었다. 그렇다면 .attr() 과 .prop() 의 차이는 무엇일까? .attr() : html 의 속성(attribute)을 다룬다. .prop() : javascript 프로퍼티(property)를 다룬다. [예 1] 1. 코멘트 2. var $comment = $('#get_comments'); 3. alert($comment.attr('href')); // href 속성 값을 표시 4. alert($co..

window.onload()란? : 자바스크립트에서 페이지가 로드 되면 자동으로 실행되는 전역 콜백함수 페이지의 모든 요소들이 로드되어야 호출되며, 한 페이지에서 하나의 window.onload()함수만 적용 사용법 window.onload = function () {}

DOM(문서 객체 모델, Document Object Model)이란? - XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스 추가 설명: shldhee.github.io/2018/04/08/DOM/

Ajax(Asynchronous JavaScript and XML)란? - 브라우저 내에서 비동기 기능(신호를 보냈을 때 새로운 HTML을 로딩 할 필요 없이 동작 수행(빠르게 동적으로 페이지를 변화 시켜주는 기능)을 제공하는 기법 -최근에는 XML 보다 JSON을 더 많이 사용한다. 동기 방식 비동기 방식 - 서버에 신호를 보냈을 때 응답이 들어와야 다음 동작 수행 가능 - 신호를 보냈을 때 응답 상태와 상관없이 동작 수행 가능 - 자료를 요청할 때 클라이언트의 진행 시간을 기다릴 필요 없이 작업을 수행할 수 있다는 장점이 있다. Ajax 장점 - 비동기식으로 처리 가능하여 웹페이지 속도 향상에 큰 기여를 한다. Ajax 목적 - 화면 전환 없이 클라이언트 측과 서버측 간의 정보를 교환하기 위해서다. ..

자바스크립트 3. 데이터타입, data types, let vs var, hoisting | 프론트엔드 개발자 입문편 (JavaScript ES5+) by 드림코딩 by 엘리 // 1. Use strict // added in ES 5 // use this for valina Javascript 'use strict'; // 2. Variable // let (added in ES6=js) let globalName = 'global name'; { let name = 'elile'; console.log(name); name ='hello'; console.log(name); } console.log(name); console.log(globalName); // var (Don't ever use th..