TypeScript
1.[TypeScript] styled-components props 전달
우선 props를 내려준다.styled-components 에서 props를 받아준다.\-> interface로 분리하여 타입지정 하는 것 외에 사용법 동일!
2.[TypeScript] 기본 타입
아래와 같이 : 으로 타입을 정의하는 방식을 타입표기(Type Annotation) 이라고 한다.제네릭 표기법Tuple은 배열의 길이가 고정되고 각 요소의 타입이 지정되어 있는 배열 형식을 말한다.모든 타입에 대해서 허용한다는 의미를 갖고 있다. any 만 쓴다면 ty
3.[Typescript] 함수
Typescript 에서는 함수의 인자를 모두 필수 값으로 간주한다.따라서, 함수의 매개변수를 설정하면 undefined 나 null이라도 인자로 넘겨야하며 컴파일러에서 정의된 매개변수 값이 넘어왔는지 확인한다.\-> 즉, 정의된 매개변수 값만 받을 수 있고 추가로 인
4.[Typescript] Interface
interface는 상호 간에 정의한 약속 혹은 규칙을 의미함.\->abc()의 인자가 좀 더 명시적으로 바뀌었다.abc() 의 인자는 carInfo 라는 타입을 가져야한다.위 코드에선 다음과 같은 typescript 에러가 나온다.\->'{ brand: string;
5.[TypeScript] 기본 문법
array 자료 안에 순서를 포함해서 어떤 자료가 들어올지 정확히 지정하고 싶으면 tuple 타입을 쓰면 된다.
6.[TypeScript] tsconfig
tsconfig.json에서는 타입스크립트 .ts 파일들을 .js파일로 변환할 때 어떻게 변환할 것인지 세부설정이 가능하다.react나 vue를 쓴다면 typescript를 받기만하면 tsconfig.json이 있을 수 있지만 없다면 파일을 만들자.기본적으로 tscon