뭘 배웠지?

TypeScript에서 기억하고 싶은 내용 호기심의 시작 interface를 이용해서 리액트 컴포넌트 프로퍼티의 타입을 정해주고 있다, A 속성의 값에 따라, B와 C의 타입을 필수로 만들 수 있을까? 예를 들면, 여기서 isFruit 속성이 true일 때, sweetness와 hasSkin을 필수로 만들 수 있을까? 접근 방법 1. 우선 isFruit이 false인 경우 sweetness와 hasSkin은 타입을 받지 않는다 interface Props { isFruit: false; sweetness?: never; hasSkin?: never; } 2. isFruit이 true인 경우 sweetness와 hasSkin의 타입을 정해준다 interface FruitProps { isFruit: tru..

TypeScript Documentation Everyday Types 보고 배운 내용 타입 달기 변수 (Variable) 왼쪽이 아니라 항상 오른쪽에 타입을 달아줍니다. let myName: string = "HeJ"; 사실 이렇게 명백한 곳에는 타입 달아줄 필요가 없습나다. TypeScript가 알아서 추론(infer)한다고 합니다. 배열 (Array) 배열을 나타낼 때 다음 둘은 같습니다. number[] Array // T 이런 형태는 '제너릭'이라고 하는데 뒤에 조금 더 자세히 알아봅니다. 함수 (Function) 인풋과 아웃풋 양쪽에 타입을 달 수 있습니다. 인풋에 타입 달기 function greet(name: string) { console.log("Hello, " + name.toUppe..

시작은 우리의 설치를 도와줄 Node.js 1. Node.js Node.js 공식 사이트 링크 => https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. VSCode 들어가서 터미널 열고 typescript 설치 npm install -g typescript 3. typescript 잘 깔린지 확인 tsc --version 4. ts 파일 js로 컴파일 tsc index.ts OOOOOOOOOR ts 파일 자체를 console에서 확인하고 싶다면 5. 추가로 ts-node 모듈 설치 npm install -g ts-node 6. ts 파일 확인 ts..