FU11M00N

- let 참조 에러 let test = '1'; if(true){ let test = '2'; console.log(test); }; console.log(test); 코드를 실행하면 위와 같은 결괏값을 출력합니다. let test = '1'; if(true){ console.log(test); let test = '2'; }; console.log(test); 코드를 위와같이 변경하면 위 와 같은 결과가 출력됩니다. 만약 호이스팅이 없었다면 3번째 test 를 출력하는 과정에서, 전역스코프의 값인 1 이 출력되었을겁니다. 하지만 블록스코프 안에 선언된 test(,4번라인 test)가 호이스팅 되어 해당 블록 스코프의 최상단에 test 변수가 선언되게 됩니다. 이때 let은 var와 다르게 변수가 초기..

- Block-scope Block-scope: {}로 감싸진 유효 범위 기존의 var는 function scope레벨 hoisting let 키워드를 사용해 변수의 유효범위를 블록 스코프 처리 1. Scope 변수의 유효범위 입니다. var 의 변수 유효범위 블록 스코프가 아닌 function 스코프입니다. var num = 1; function printNum(){ console.log(num); var num = 2; console.log(num); }; printNum(); //2 function 레벨에서 호이스팅이 발생하고 있는 것을 확인할 수 있습니다. 호이스팅: https://nevertrustbrutus.tistory.com/335 아래는 함수가아닌 블록일 경우의 예제입니다. var tes..

- ES 4,5의 해결책 ES4,5시대에는 var키워드로 변수와 상수를 선언했었습니다. 하지만 var를 사용할 경우, 전반적으로 코드가 어떻게 작동될지 직관적으로 예측하기 어려운 경우가 자주 발생합니다. hosting 개념. https://nevertrustbrutus.tistory.com/335 그래서 ES6에서는 let과 const를 사용하여 변수와 상수를 선언해야합니다. 변수는 let 선언자, 상수는 const 선언자를 이용하면 됩니다. - let 이번에는 let 선언자를 이용해 선언하면 아래와 같습니다. let test = 1; console.log(test); let test = 2; console.log(test); let 변수는 var 변수와 다르게 재선언이 되지 않습니다. 2. const ..

- Hosting 변수나 함수의 선언문을 유혀범위의 최상단으로 올려 변수나 함수를 선언하기 이전에도 사용할 수 있도록 해주는것입니다. - 변수 Hosting console.log(test); // 결괏값: undefined var test = "FU11_M00N"; console.log(test); // 결괏값: FU11_M00N name이라는 변수가 선언되기 전에 호출하면 에러가 아닌 undefined를 출력합니다. var test; console.log(test); // 결괏값: undefined test = "FU11_M00N"; console.log(test); // 결괏값: FU11_M00N 자바스크립트의 Hoisting 특성은 유효범위의 최상단으로 올리기때문에 위의 예제와 동일한 효과가 발생합..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - jQuery Ajax jQuery이용해서 Ajax를 사용하게 되면 많은 이점이 있습니다. 그 중의 하나가 크로스브라우징의 문제를 jQuery가 알아서 해결해준다는 것입니다. 뿐만 아니라 여러가지 편리한 기능들을 제공합니다. - $.ajax jQuery는 Ajax와 관련해서 많은 API를 제공합니다. http://api.jquery.com/category/ajax/ Ajax | jQuery API Documentation Register a handler to be called when Ajax requests complete. This is an AjaxEvent. Register a handler to be called w..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - JSON JSON은 JavaScript Object Notation의 약자로, JavaScript에서 객체를 만들 때 사용하는 표현식을 의미합니다. 이 표현식은 사람도 이해하기 쉽고 기계도 이해하기 쉬우면서 데이터의 용량이 작습니다. 이런 이유로 최근에는 JSON이 XML을 대체해서 설정의 저장이나 데이터를 전송등에 많이 사용됩니다. JSON에 대한 자세한 내용은 아래 JSON의 공식홈페이지를 참조하면 됩니다. www.json.org/json-ko.html JSON JSON (JavaScript Object Notation)은 경량의 DATA-교환 형식이다. 이 형식은 사람이 읽고 쓰기에 용이하며, 기계가 분석하고 생성함에도..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - Ajax 웹브라우저 초기에는 정적인 시스템이었습니다. 내용이 바뀌면 페이지 새로고침을 해서 내용을 새롭게 변경해야 하는 필요가 느껴졌습니다. 웹이 전자 문서를 염두에 두고 고안된 시스템이기 때문에 당연하게 생각 되었습니다. 그때 Ajax 개념이 도입이 되었습니다. Ajax는 Asynchronous JavaScript and XML의 약자입니다. 한국어로는 비동기적 자바스크립트와 XML 정도로 직역할 수 있습니다. 자바스크립트를 이용해서 비동기적으로 서버와 브라우저가 데이터를 주고 받는 방식을 의미합니다. Ajax는 웹브라우저와 웹서버가 내부적으로 데이터 통신을 할 수 있게 해줍니다. 그리고 변경된 결과를 웹페이지에 반영함으로..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - jQuery 이벤트 jQuery는 이벤트와 관련해서 편리한 기능을 제공합니다. 순수하게 구현했을 때와 jQuery를 사용했을때의 코드 분량에서 큰 차이가 있습니다. jQuery는 크로스 브라우징을 알아서 처리해줍니다. 즉 이벤트를 보다 적은 코드로 구현할 수 있습니다. 이런 이유 때문에 jQuery와 같은 라이브러리를 사용합니다. - onAPI 사용법 on 은 jQuery에서 가장 중요한 이벤트 API 라고 할 수 있습니다. on API 를 통해서 jQuery 에서 이벤트를 다루는 방법을 알아보도록 합시다. on 의 기본 형태는 아래와 같습니다. .on( events [, selector ] [, data ], handler..