Skip to content

Instantly share code, notes, and snippets.

View DublinCity's full-sized avatar

geonmo.nine DublinCity

  • Seoul, South Korea
View GitHub Profile
@DublinCity
DublinCity / item3.md
Last active July 13, 2022 01:12
# Item3: 코드 생성과 타입이 관계없음을 이해하기

Item3: 코드 생성과 타입이 관계없음을 이해하기

타입스크립트 컴파일러의 역할

타입스크립트 컴파일러는 완벽히 독립적인 두가지 일을 한다.

  • 최신 타입스크립트/자바스크립트를 구버전의 자바스크립트로 트랜스 파일
  • 코드의 타입오류를 체크

따라서, 타입스크립트에서는 C나 Java와 다르게 타입오류가 있는 코드도 컴파일이 가능하다.

@DublinCity
DublinCity / item2.md
Last active July 11, 2022 00:43
# Item2: 타입스크립트 설정

Item2: 타입스크립트 설정

타입스크립트의 설정은 어디서 소스파일을 찾을지, 어떤 종류의 출력을 생성할지 제어하는 내용뿐 아니라 언어자체의 핵심요소를 제어하는 설정도 있다.

타입스크립트의 설정을 관리하는 법

아래 코드와 같이 설정값을 컴파일 시에 넘길 수 있으나, 동료 개발자와 설정을 공유하기가 어렵다.

@DublinCity
DublinCity / item1.md
Last active July 7, 2022 03:05
[이펙티브 타입스크립트] Item1: 타입스크립트와 자바스크립트의 관계

Item1: 타입스크립트와 자바스크립트의 관계

TL; DR

  • 자바스크립트 코드를 작성할때도 타입체커는 유용하다.
  • 타입스크립트로 코드를 작성하게 되면, 코드의 의도를 분명하게하고 타입체커를 이용해 훨씬 더 많은 오류를 찾아낼 수 있다.

타입스크립트는 자바스크립트의 상위집합(super set)이다.

@DublinCity
DublinCity / myFirstTypescript.ts
Last active November 24, 2018 03:19
Typescript setting example-1
// myFirstTypescript.ts
const str: string = "happy CODEing";
class Coffee {
private name: string;
private temperature: string;
constructor(name: string, temperature: string) {
this.name = name;
this.temperature = temperature;
}
@DublinCity
DublinCity / HTML-insert-method.csv
Last active October 18, 2018 07:48
comparison table of HTML-insert-method
구분 arg Type arg갯수 DOMString파싱 script Node삽입 시 실행
appendChild node one O O
append node||DOMString several O X
innerHTML DOMString one O X
textContent string one X X