개요 마크다운 문서를 배포하기 전에 미리 보기 위해서, 블로그 레이아웃을 커스터마이징 하기 위해서 등등 여러가지 이유로 프로젝트를 로컬에서 구동 할 필요가 있습니다. 본 문서는 Mac OS를 기준으로 작성 되었습니다. 설치 XCode Jekyll은 Ruby언어 기반으로 만들어진 SSG Framework입니다. 그렇기 때문에 Ruby언어를 해석할 수 있...

기술 블로그가 오픈 되었습니다! 업무 중 마주한 문제점, 이를 해결하기 위해 진행했던 방법들을 기재해주시면 추후 같은 문제가 발생한 모든 개발자들을 위한 귀중한 자료가 될 것이니 많은 참여 부탁드립니다! 게시물 작성 방법 게시물 디렉토리 Jekyll블로그는 _posts 디렉토리 안에 작성 된 파일들을 모두 게시물로 인식합니다. 페이지 이름 작성 규칙 ...

Typescript 관련 컴파일 오류 목록 Cannot find module ‘typescript’ https://stackoverflow.com/questions/44611526/how-to-fix-cannot-find-module-typescript-in-angular-4 npm install -g typescript npm link types...

Enum 개요 프로그래밍을 배우다보면 Enumeration 자료형에 대해서 들어본 적이 있을 것이다. 일정 범위 안에 들어오는 값만을 고를 수 있는 자료형으로, 열거형이라고 부른다. 아래 예제를 보자. const paint = (brush) => { if (brush === 'square') return console.log('square')...

Class typescript를 쓰는 이유라고 할 수 있는 class이다. javascript에서도 class문법이 이미 있긴 하지만 우리가 원하는 객체지향 프로그래밍 언어 수준까지는 지원해주지 않기 때문에 javascript에서의 class는 그저 좀 더 구체적인 객체처럼 다루기 위해서 쓰는 것에 불과했기 때문이다. Field class Point ...

Extending Types class가 상속이 되듯이, type도 상속이 가능하다. type BasicAddress = { name?: string; street: string; city: string; country: string; postalCode: string; } interface AddressWithUnit exten...

Index Signature 아주 가끔 객체 안에 들어있는 속성들의 key를 특정짓지 못하는 경우가 있을 수 있다. 그런 경우 객체 속성의 key를 모르는 상태이기 때문에 Type 정의에도 지장이 생긴다. 이럴 경우에는 인덱스 서명 방식을 사용할 수 있다. type Props = { [key: number]: string | boolean | Fu...

Readonly Javascript에서 객체를 구성하는 수많은 Attributes는 Writable하면서 Readable하다. 따지고 보면 수정하면 안되는 Attribute마저도 수정이 가능하다. const test = 'good'; console.log(test.length); // 4; test.length = 777; // success cons...