react에서 json 파일을 import 해오는데 다음과 같은 에러가 났다.Module '"/Users/heesun/Documents/salin/linker/linker-front-sender/src/pages/Main/briefer_intro"' can only be default-imported using the 'allowSyntheticDefaultImports' flagts(1259)briefer_intro.json(1, 1): This module is declared with 'export =', and can only be used with a default import when using the 'allowSyntheticDefaultImports' flag. 하지만 이미 tsconfi..
? 키워드를 사용하는 optional! 1. 선택적 매개변수(Optional Parameter) 우리는 타입 선언할 때 선택적 매개변수를 지정할 수 있다. function add(x: number, y?: number): number { return x + (y || 0); } const sum = add(2); console.log(sum); y를 선택적 매개변수로 두었기 때문에 받은 인자가 없어도 오류가 나지 않음!! ? 키워드는 | undefined 를 추가한 것과 동일하다! function add(x: number, y: number | undefined): number { return x + (y || 0); } const sum = add(2, undefined); console.log(sum..
제네릭은 함수나 클래스의 선언 시점이 아닌 사용 시점에 타입을 선언할 수 있는 방법을 제공한다! 제네릭을 사용하면 함수, 클래스 , 인터페이스를 다양한 타입으로 재사용할 수 있다. 선언할 때는 type 파라미터만 적어주고 생성하는 시점에 사용할 타입을 결정 예제를 보면서 확인해보자!! function getSize(arr):number { return arr.length; } const arr1 = [1,2,3]; getSize(arr1); //3출력 위처럼 작성하면 에러남 아래와 같이 타입을 명시해주면 에러 해!결! function getSize(arr: number[]):number { return arr.length; } const arr1 = [1,2,3]; getSize(arr1); //3출력 ..
인터페이스의 뜻은 연결하는 장치라는 뜻을 가지고 있다. 자바스크립트 ES6는 인터페이스를 지원하지 않지만 타입스크립트는 인터페이스를 지원하고 있다! 타입스크립트에서 인터페이스는 여러 객체를 정의하는 일종의 규칙이자 구조! 코드로 보면 이해가 더 잘가니 코드로 확인해보자! 인터페이스를 통해 특정 속성(메소드)등의 타입을 정의 ***코드를 재사용하고 묶어준다는 점에서 class와 비슷한 너낌을 받았다. => 프로퍼티와 메소드를 가진다는 점에서 클래스와 유사하나 직접 인스턴스를 생성할 수 없다는 차이점이 존재!! //***IUser에서 I는 Interface를 의마하는 별칭으로 사용했다! interface IUser { name: string, age: number, isAdult: boolean } let ..
