1. var (function-level scope) - 함수 안에서 선언된 변수는 함수 안에서만 유효하다. 외부는 X function varScope() { if (true) { var a = "var 스코프"; console.log(a); } console.log(a); } func(); console.log(a); // 에러발생 /* === 실행 결과 === var 스코프 var 스코프 Uncaught ReferenceError: a is not defined */ 2. let / const (block-level scope) - 코드 블록 {} 내부에서 선언된 변수는 블록안에서만 유효. 외부는 X function blockScope() { if (true) { let a = "block scope..

1. var - 중복 선언과 재할당이 가능하다. - 과거에 쓰던 방식 var a = 'welcome'; console.log(a); var a = 'to the'; console.log(a); a = 'javascript' console.log(a); 2. let - 중복 불가 재할당 가능 let a = "welcome"; console.log(a); //let a = "to the"; // 에러 발생 console.log(a); a = "javascript"; console.log(a); 3. const - 중복 재할당 모두 불가 - 배열과 객체의 값은 변경가능 - 박스에 담아놨다고 생각해도 좋을듯, 박스는 못바꾸지만 안에 물건은 빼거나 넣을수 있음 const a = "welcome"; console...

본 게시글은 node.js 교과서 강의를 듣고 정리한 글입니다. AJAX doc : https://developer.mozilla.org/ko/docs/Web/Guide/AJAX AJAX - 웹 개발자 안내서 | MDN 시작하기 AJAX를 소개합니다. developer.mozilla.org - 서버로 요청을 보내는 코드 - 라이브러리 없이는 브라우저가 지원하는 XMLHttpRequest 객체를 이용해야 한다. - AJAX 요청시 Axios 라이브러리를 사용하는게 편하다. - HTML에 스크립트를 추가하면 사용할 수 있다. GET 요청 보내기 - axios.get 함수의 인수로 요청을 보낼 주소를 넣으면 된다. - 프로미스 기반 코드라 async / await 를 사용 가능하다. axios.get(’htt..

본 게시글은 node.js 교과서 강의를 듣고 정리한글입니다 - ES2020 에서 추가된 ?? (널 병합) 연산자와 ?. (옵셔널 체이닝) 연산자이다. - 널 병합 연산자는 주로 || 연산자 대용으로 사용되며 falsy 값 ( 9, '', false, NaN, null, undefined ) 중 null 과 undefined 만 따로 구분한다 널 병합 연산자 ?? const a = 0; const b = a || 3; // || 연산자는 falsy 값이면 뒤로 넘어감 console.log(b); // 3 const c = 0; const b = c ?? 3; // ?? 연산자는 null과 undefined 일 때만 뒤로 넘어감 console.log(b); // 0 const e = null; const ..

본 게시글은 node.js 교과서 강의를 듣고 정리한 글입니다. Map - map 은 일반 객체 리터럴과 비슷하다. - map 은 생성자이다. - 키랑 값을 객체로도 줄 수 있다. m.set({a : 'b'},{c : 'd'}); 이는 일반 객체와 다른점이다. const m = new Map(); m.set(’a’, ‘b’); // set(키, 값) 으로 Map 에 속성 추가 m.set(’c’, ‘d’); m.get(’a); // get(키) 로 속성값 조회 m.size; // size로 속생 개수 조회 for(const [k, v] of m) { console.log(k, v); } // 속성간의 순서도 보장된다. m.forEach((v, k) ⇒ { console.log(k, v); }); m.has..

본 게시글은 node.js 교과서 강의를 듣고 정리한 글입니다. - 콜백 헬이라고 불리는 지저분한 자바스크립트 코드의 해결책이다. - Promise : 내용이 실행은 되었지만 결과를 아직 반환하지 않은 객체 - then 을 붙이면 결과를 반환한다. - 실행이 완료되지 않았으면 완료된 후에 then 의 내부함수가 실행된다. const condition = true; const promise = new Promise((resulve, reject) ⇒ { if(condition) { resolve(’성공’); } else { reject(’실패’); } }); promise.then((message) ⇒ { console.log(message); }) .catch((err) ⇒ { console.log(er..