기초 메모지

JavaScript ES6 알아보기 ES, ECMAScript 약자이며 자바스크립트 표준을 의미하는 용어이고 6, 버전(Version)을 의미합니다. 주요 문법 지역 변수(let), 상수(const) 키워드 템플릿 리터럴(Template Literal) 객체 리터럴(Object Literal) 화살표 함수(Arrow Function) 구조 분해 할당(Destructuring Assignment) 프라미스(Promise) 클래스(Class) 문자열 메서드(String Method) 다중 라인 문자열(Multi-Line-String) 기본 매개변수(Default Parameter) 모듈(Module) 지역 변수(let) 상수(const) 키워드 상수 선언 키워드 const, 블록 스코프를 가지고 있는 지역 ..

세션 스토리지(Session Storage) 브라우저 세션이 유지될때까지만 사용할 수 있습니다. 탭이나 창을 닫을 때 삭제됩니다. 도메인별 세션 스토리지에 저장됩니다. // 세션 스토리지에 데이터 저장 sessionStorage.setItem("id", "user"); // 세션 스토리지에서 데이터 읽기 sessionStorage.getItem("id"); // 세션 스토리지에서 데이터 삭제 sessionStorage.removeItem("id"); // 세션 스토리지 데이터 초기화 sessionStorage.clear(); 로컬 스토리지(Local Storage) 탭 간 데이터를 공유할 수 있습니다. 직접 삭제할때까지 데이터가 지속됩니다. 탭이나 창을 닫고 열었을 때도 지속됩니다. // 로컬 스토리지에..

실행 환경에 따른 this 자바스크립트 this는 전역 공간에서 전역 객체를 가리키는데 환경에 따라 다른 이름과 정보를 가지고 있습니다. (function () { console.log(this); })(); 다음 코드를 각각 Node.js와 브라우저에서 실행시켜보겠습니다. Node.js - Global 브라우저(Browser) - Window 실행 환경 마다 다른 이유? 전역 공간에서 this는 전역 객체를 가리키는데, 전역 객체 이름과 정보는 런타임(Runtime) 환경마다 다릅니다. 따라서 Node.js 전역 객체 이름은 Global , 브라우저 전역 객체 이름은 Window 입니다.

setTimeout(Func, Time, Args) : 일정 시간이 지난 후 특정 함수를 호출합니다. Func : 일정 시간이 지난 후 실행할 함수(Callback Function) Time : 일정 시간(밀리 초 : ms) Args : 매개 변수 예정 작업 취소 clearTimeout(setTimeout ID) clearTimeout(Timeout); setInterval(Func, Time, Args) : 일정 시간 간격으로 특정 함수를 호출합니다. Func : 일정 시간이 지난 후 실행할 함수(Callback Function) Time : 일정 시간(밀리 초 : ms) Args : 매개 변수 반복 작업 취소 clearInterval(setInterval ID) clearInterval(Interva..

기본(원시) 형 : 값 타입(Value Type) 메모리에 데이터 값(Value) 그대로 저장합니다. Number, String, Symbol, Boolean, Null, Undefined // 기본(원시)형 : 값 타입(Value Type). let Number = 100; let String = "String"; let Symbol = new Symbol(); let Boolean = true; // 사용자가 명시적으로 `없음`을 표현. let NUll = null; // 사용자가 값을 지정할 것이라고 예상했지만 지정하지 않았을 때 반환. let UnDefined = undefined; 참조형 : 참조 타입(Reference Type) 메모리에 데이터 주소(Address) 형태로 저장합니다. Obje..

동등 연산자 ( == ) 피연산자들의 타입이 다를 경우 암시적 형 변환을 통해 타입을 일치시켜 비교합니다. // 동등 연산자( == : Equality Operator) // 피연산자들의 타입이 다를 경우 암시적 형변환을 통해 타입을 일치시켜 비교합니다. // 문자열(String), 수치(Number) if ("1" == 1) { console.log(true); } else { console.log(false); } // Boolean(true : 1 , false : 0) console.log(true == 1); console.log(false == 0); 일치 연산자 ( === ) 피연산자들의 값과 타입이 모두 같을 경우에만 true를 반환합니다. // 일치 연산자( === : Identity O..