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

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

Ref : uxgjs.tistory.com/186 Font Awesome 5를 슬기롭게 사용하는 방법 웹사이트를 개발하다 보면 아이콘이 필요한 경우가 많습니다. 인터넷을 찾아보면 다양한 방법과 형식으로 무료로 제공해 주는 웹사이트가 많이 있는데요. 그중에서도 가장 많이 사용되는 폰트� ux.stories.pe.kr HTML에 붙혀넣기 위에서 얻은 링크를 HTML의 사이에 붙혀넣기 합니다. 아이콘 보기 아이콘은 2가지 방식으로 찾을 수 있습니다. 무료 아이콘 보기 아이콘 확인 Free를 클릭하여 무료버전만 필터링 합니다. 그중에서 Solid만 필터링 합니다. 아이콘의 아래에 있는 아이콘이름을 복사합니다. 복사한 이름을 아래와 같이 fas fa- 다음에 적용합니다. - 무료 아이콘 cheatsheet로 보기..

Ref : wonism.github.io/email-with-anchor/ WONISM | Anchor 태그의 mailto 사용하기 WONISM's Blog wonism.github.io 기본 사용 방법 태그의 href 속성에 mailto:를 접두사로 사용한다. 여러 사람에게 메일을 보내고자 할 때는 받는 사람 사이에 ,를 추가한다. Send 참조 및 숨은 참조 참조받는 주소를 추가하고자 할 땐 cc를 추가한다. 숨은 참조를 위해서는 bcc를 추가한다. Send 제목과 내용 제목을 추가할 땐 subject를 추가하며, 본문 내용을 추가할 땐 body를 추가한다. Send 본문 내용의 줄바꿈 %0D%0A를 사용하면 줄바꿈을 할 수 있다.