TypeScript 검색 결과

해당 글 3건

React에서 Typescript 사용하기

시작 npx create-react-app [원하는 이름] --template typescript 직접 tsconfig.json 등을 만들어 가며 바닥부터 만들 수도 있지만 빠른 시작을 위해 위와 같은 툴체인을 사용하자. --typescript 옵션을 주고 create-react-app을 하면 js와 jsx가 아니라 ts와 tsx가 생성된다. 뿐만 아니라 package.json에도 새로운 게 추가되었고 tsconfig.json이라는 파일도 생성 되었다. tsconfig.json의 설정을 통해 특정 규칙을 끄고 켤 수도 있고 얼마나 strict할 지 결정할 수도 있기 때문에 TS를 잘 쓰려면 tsconfig.json을 잘 다룰줄 알아야 한다. tsconfig.json에 대한 설명은 아래에 정리해두었습니다...
React, Next, Redux/⚛ React.TS 2020. 3. 18. 02:48

interface 기초와 활용 (Read-only properties, Indexable Types, extends)

interface 기본 (https://typescript-kr.github.io/pages/interfaces.html) (typescript-handbook-ko.org/pages/interfaces.html) interface는 object의 type을 체크해주는 ts의 고유한 문법이다. object 각 요소들의 타입을 따질 때 편리하다. interface는 TS 문법이기 때문에 컴파일 될 때 js로 컴파일이 되지 않는다. 컴파일된 js파일을 살펴보면 확인할 수 있다. 활용하는 방법은 아래와 같다. interface Human { name: string; age: number; boo(): void; } const person: Human = { name: "da", age: 5, boo: () =..
Programming Language/🟦 Typescript 2020. 3. 5. 17:40

Typescript 사용 환경 설정, tsconfig의 속성들

Typescript는 js의 슈퍼셋이며 js로 transpile합니다. 동적 타입 언어인 js를 정적 타입 언어로 사용할 수 있게 됩니다. 물론 동적 언어로 발생할 수 있는 에러를 테스트 코드의 커버리지를 높이는 방식으로 커버할 수도 있겠지만 굳이... 우선, Typescript는 공식 문서가 상당히 체계적으로 잘 정리되어 있습니다. 때문에 공식 문서로 공부하는 것을 추천해드립니다. 심지어 handbook은 번역까지 되어 있으니 참고합시다. https://typescript-kr.github.io/ TypeScript 한글 문서 TypeScript 한글 번역 문서입니다 typescript-kr.github.io yarn이든 npm이든 사용가능하나 가급적 npm 사용을 권장합니다. npm init npm ..
Programming Language/🟦 Typescript 2020. 3. 4. 23:04