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

검색하다 우연히 알게 된 강의. 개념잡기에 좋은 듯 하여 스크랩 및 링크를 기록해 둔다. 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..

Game Server : 데이터의 변화량/응답속도에 중점을 둠, TCP 프로토콜 기반으로 발전함. Web Server : 생산성/확장성에 중점을 둠, HTML 기반으로 발전함. Ref. ㅁ elky84.github.io/2019/03/17/game_server_develop_difference_web_server_develop/ ㅁ

네트워크의 개념 디자인 프레임 워크입니다 컴퓨터 네트워킹 . 에서는 설계 망 이 원리에 따르면, 애플리케이션 특정 기능은 통신에있는 엔드 노드들 보다는 같은 중간 노드에서보다 네트워크의 게이트웨이 와 라우터 가 네트워크를 구축하기 위해 존재한다. -위키- 종단 간 원칙에 따르면 네트워크는 터미널에 연결에만 응답하며 그 외 모든 종류의 정보들은 터미널에 있어야함. -위키- 응용프로그램에 특화된 기능들은 종단에 있어야 한다는 법칙. i.e) 네트워크 작동에 있어 핵심이 아니면서 특정 사용자들에게는 중요한 활동은 네트워크 종단(외곽부)에 위치해야 한다는 법칙. 이는 네트워크 전반을 유지 보수 및 업데이트시 복잡도를 낮출 수 있게 된다. -마셀 밴 엘스테인- 일반적인 네트워크 상에서 정보 전달이 이루어질 때 진..

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); 스프레드 연산자 : 확산 연..

라우팅은 어떤 네트워크 안에서 통신 데이터를 보낼 최적의 경로를 선택하는 과정을 뜻함. 익스프레스(Express)를 사용하는 이유 중 하나가 바로 라우팅을 깔끔하게 관리할 수 있다는 점 때문. 서로 연계되는 페이지 (관리하는 페이지)가 많을 때 코드의 복잡도가 높아지는데 이를 해결하는 방법 중 하나가 라우터이다. //app.js ... var indexRouter = require('./routes/index'); var userRouter = require('./routes/users'); ... app.use('/',indexRouter); app.use('/users',usersRouter); ... 출처: https://backback.tistory.com/341 [Back Ground] 익스프레..

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