백지부터 시작하는 이세계 코딩 생활

검색하다 우연히 알게 된 강의. 개념잡기에 좋은 듯 하여 스크랩 및 링크를 기록해 둔다. Ref. ㅁ 리액트 : react.vlpt.us/ ㅁ 자바스크립트 : learnjs.vlpt.us/

TypeScript 또한 자바스크립트 대체 언어의 하나로써 자바스크립트(ES5)의 Superset(상위확장)이다. C#의 창시자인 덴마크 출신 소프트웨어 엔지니어 Anders Hejlsberg(아네르스 하일스베르)가 개발을 주도한 TypeScript는 Microsoft에서 2012년 발표한 오픈소스로, 정적 타이핑을 지원하며 ES6(ECMAScript 2015)의 클래스, 모듈 등과 ES7의 Decorator 등을 지원한다. -Reference- TypeScript는 ES5의 Superset이므로 기존의 자바스크립트(ES5) 문법을 그대로 사용할 수 있다. 또한, ES6의 새로운 기능들을 사용하기 위해 Babel과 같은 별도 트랜스파일러(Transpiler)를 사용하지 않아도 ES6의 새로운 기능을 기존..

브라우저 언어의 표준 규격을 의미 ECMA 국제 기구에서 “ECMAScript Standard”라는 표준을 만들게 되었다. 현재의 자바스크립트는 ECMAScript와 BOM(Browser Object Model)와 DOM(Document Object Model)을 포괄하는 개념이다. ES6 의 10가지 기능들. 기본 매개 변수 (Default Parameters) 템플릿 리터럴 (Template Literals) 멀티 라인 문자열 (Multi-line Strings) 비구조화 할당 (Destructuring Assignment) 향상된 객체 리터럴 (Enhanced Object Literals) 화살표 함수 (Arrow Functions) Promises 블록 범위 생성자 Let 및 Const (Bloc..

Three dots : 나머지 매개 변수 또는 스프레드 연산자입니다. 구분방법 세 개의 점 (…)이 함수 매개 변수의 끝에 있으면 "나머지 매개 변수"이고 나머지 인수 목록을 배열로 수집합니다. 함수 호출 등에서 세 개의 점 (…)이 발생하면 "확산 연산자"라고하며 배열을 목록으로 확장합니다. 나머지 매개 변수를 사용할 때 쓰이는 문법이다. (인수에 의해 유도 된 상용구 코드를 줄이기 위해 나머지 매개 변수가 도입되었다고 함.) function myFunc(a, b, ...args) { console.log(a); // 22 console.log(b); // 98 console.log(args); // [43, 3, 26] }; myFunc(22, 98, 43, 3, 26); 스프레드 연산자 : 확산 연..

any, unknown : 모든 타입을 허용할 수 있게 해주는 타입이다. i.e ) 모든 타입의 값이 할당될 수 있다 특징 : unknown 타입으로 선언된 변수는 any를 제외한 다른 타입으로 선언된 변수에 할당될 수 없다. unknown 타입으로 선언된 변수는 프로퍼티에 접근할 수 없으며, 메소드를 호출할 수 없으며, 인스턴스를 생성할 수도 없다. 알려지지 않은 타입이기 때문. => Type Guard와 함께라면 가능. unknown은 무조건 타입을 좁혀서 사용해야 하는 의무가 있는 반면, any는 타입을 좁혀서 사용하지 않아도 되서 자유롭다는 차이점이 있다. [밴다이어그램] Ref. ㅁ 개요 : jbee.io/typescript/TS-9-unknown/ ㅁ 예시 : simsimjae.tistory...