FU11M00N

- 비구조화 할당 왜 쓸까? const book = { korean: "korean", math: "math", english: "english" }; const korean = book.korean; const math = book.math; const english = book.english; console.log(korean); // korean console.log(math); // math console.log(english); // english 만약 배열이나 객체에서 해당 값들을 새로운 변수에 할당 해줘야할때 위와같은 행위를 여러번 해야합니다. 하지만 const { korean, math, english } = { korean: "korean", math: "math", englissh: "..

- ES5 템플릿 문자열 표현식 기존의 싱글쿼테이션 ('문자열') 과 더블쿼테이션 ("문자열") 방법을 백틱 문자를 사용해 문자열을 여닫는 것을 템플릿 문자열 표현식이라고 합니다. 백틱 문자는 ` 를 의미합니다. var test = 'test:'+'tt'+'\ntest2:'+'tt2'; console.log(test); ES5에서는 개행문자, 병합등을 이용해 변수나 상수 안에 문자열을 넣어 사용했었습니다. - ES6 템플릿 문자열 표현식 하지만 ES6으로 오면서 백틱 안에 멀티라인 스트링을 입력하여 템플릿 문자열 표현식을 사용해 문자열에 변수도 입력하고 계산식 해석 등 해석이 가능한 것은 다 가능합니다. let test3='tt'; let test4='tt2'; console.log(` test3 : $..

- 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..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 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..