본문 바로가기

전체 글

 (152)
TypeScript - interface Java 프로그래밍 언어에서 interface는 Class의 규격을 지정하는 데 사용되는 추상 자료형입니다. 상속받은 interface의 구현을 강제하여 코드의 일관성을 유지시키는 데 도움이 됩니다. TypeScript에선, interface를 타입 체크를 위해 클래스 뿐만 아니라 변수, 함수에도 사용할 수 있습니다. interface를 타입으로 선언하거나 상속받은 개체는 interface를 준수해 구현해야 합니다. 1. 변수에 인터페이스 적용 변수의 규격을 지정할 수 있습니다. // 사람이라면, 이름과 나이가 있어야 한다 interface Person { name: string; age: number; }; // 변수에 인터페이스를 적용 const p1: Person = { name: 'mark', a..
TypeScript - tsconfig 스키마 tsconfig 파일은 'tsc --init' 명령어를 사용했을 때 생성되는 TypeScript Compiler의 설정을 관리하는 파일입니다. tsc 명령어를 사용하면 tsconfig.json 파일을 읽어서 실행하게 됩니다. 여기에서 사용되는 옵션을 간단히 알아보려 합니다. 목차 compileOnSave extends files exclude include compileOptions 1. compileOnSave 파일을 저장했을 때, 자동으로 컴파일을 할지에 대한 옵션입니다. 값으로는 boolean 값을 설정할 수 있습니다(default: false) 단, 모든 환경에서 유효하지는 않고, 지원되는 에디터에서 유효한 옵션입니다. { compileOnSave: true, ... } 2. extends 다른 ..
TypeScript - 타입 호환성 일반적으로 슈퍼 타입을 서브 타입에 할당할 수 없습니다. (공변) // sub1은 sup1의 서브 타입 let sub1: 1 = 1; let sup1: number = sub1; sub1 = sup1; // 오류 발생: 서브 타입에 슈퍼 타입을 할당할 수 없음 // sub2는 sup2의 서브 타입( array는 object의 서브 타입 ) let sub2: number[] = [1]; let sup2: object = sub2; sub2 = sup2; // 오류 발생 // sub3은 sup3의 서브 타입( 타입이 같은 요소를 가진 tuple은 array의 서브 타입 ) let sub3: [number, number] = [1,2]; let sup3: number[] = sub3; sub3 = sup3; ..
TypeScript - Type System 타입스크립트에는 Structural Type System과 Nominal Type System의 두 가지 체계가 있습니다. 타입스크립트는 기본적으로 Structural Type System을 따릅니다. 1. Structural Type System 구조가 같으면, 같은 타입이다. interface IDuck { quack(): void; } class MallarDuck implements IDuck { quack() { console.log('Quack!'); } } class RedheadDuck { quack() { console.log('q~uack!'); } } function makeNoise( duck: IDuck ) { console.log( duck.quack() ); } makeNoi..
TypeScript - Type의 종류 TypeScript는 JavaScript를 포함하고, 추가적인 타입들을 제공합니다. JavaScript의 기본 자료형 Boolean Number String Null Undefined(, Undeclared) Symbol Array Object Literal Function TypeScirpt에 추가된 요소 Any Unknown Never Void Enum Tuple Union, Intersection 문법 Type Alias Literal JavaScript의 자료형은 알고 있다는 전제 하에, TypeSciprt에 추가된 요소들을 알아보겠습니다. 1. Any 어떤 타입이어도 상관없는 타입입니다. 컴파일 시에 타입 체크가 정상적으로 이뤄지지 않기 때문에, 사용하는 걸 권장하지 않습니다. any가 필요한..
Git - SSH 설정 1. 공개키/개인키 쌍을 만들어 줍니다. cd ~ mkdir .ssh cd ~/.ssh ssh-keygen -t rsa -b 4096 -C "깃허브계정이메일@gmail.com" chmod 600 id_rsa(개인키 파일명) ssh-add id_rsa(개인키 파일명) 2. 생성된 공개키(.pub 파일)의 내용을 복사해서 Git에 적용합니다. 3. ssh config 파일에 아래와 같은 내용을 추가합니다. 아래는 여러 개의 Github 개인키를 사용할 때, 개인 프로젝트와 회사 프로젝트 접속을 분리한 예입니다. cd ~/.ssh vi config Host git-personal HostName github.com User git IdentitiesOnly yes IdentityFile ~/.ssh/id_rs..
TypeScript - 기본 개념과 설치해보기 1. TypeScript? JavaScript에 Type이라는 개념을 적용한 컴파일 정적 타입 언어 MS에서 개발하고 관리하는 오픈소스 프로그래밍 언어입니다. TypeScirpt는 JavaScript에 Type이란 개념을 추가함으로써 확장시킵니다. TypeScript는 코드를 실행하기 전에 컴파일(또는 트랜스파일)을 통해 에러를 디버깅하는 데 시간을 절약하게 해줍니다. 어떤 브라우저나 OS, JavaScript 실행 환경에 적용할 수 있습니다. TypeScript는 JavaScript(ECMA Script) 전체를 포함하며, 여기에 추가적인 기능을 제공하기도 합니다. TypeScript로 작성된 코드는 컴파일 과정을 거쳐 JavaScript로 변환하고, 이는 JavaScript 실행 환경인 브라우저나 N..
Markdown (README.md) 문서 작성 방법 Github 저장소에서 README.md 파일을 본 적이 있는데, 확장자인 md는 Markdown을 의미하며 Github가 자동적으로 README.md 파일을 찾아서 저장소에 표시해줍니다. 마크다운은 경량 마크업 언어로, 문서를 작성하는 데 사용되며, 예를 들어 Github와 같은 저장소에서 프로젝트에 대한 설명을 담은 문서를 작성할 수 있습니다. 이제 위와 같은 마크다운 문서를 작성하는 방법에 대해 간단히 알아보겠습니다. 목차 1. 제목(Header) 2. 문장(Pragraph) 3. 줄바꿈(Line Breaks) 4. 강조(Emphasis) 5. 목록(List) 6. 링크(Link) 7. 이미지(Image) 8. 인용문(BlockQuote) 9. 인라인(inline) 코드 강조 10. 블록(block..

티스토리툴바