Sungtt

오류 내용 Error while loading rule '@typescript-eslint/dot-notation': You have used a rule which requires parserServices to be generated. You must therefore provide a value for the "parserOptions.project" property for @typescript-eslint/parser. Occurred while linting 해결 방법 eslintrc의 parserOptions에 project: './tsconfig.json', 추가 parserOptions: { project: './tsconfig.json', // 추가 ecmaVersion: 'latest'..

Object is possibly 'null' 개요 null일수도 있는 값에 null 예외처리 없이 바로 값에 참조하면 일어나는 오류다. 해결 방법 값이 null일 경우에 대한 예외처리를 해주면 된다. 대표적으로 옵셔널체이닝('?')을 많이 사용한다. 오류가 난 코드 interface interfaceString { str : string, str2 : number} const [interfaceStr, setInterfaceStr] = useState({str:"인터페이스",str2:1234}) //코드 중략 인터페이스를 사용한 상태 타입 선언 {interfaceStr.str} 해결 코드 코드는 맨 아랫줄 코드의 옵셔널체이닝만 추가되고 다를게 없다. interface interfaceString { s..

interface와 Type Alias의 차이 interface는 중복 선언 시 각 요소들이 병합된다. Type Alias는 중복 선언 시 오류가 난다. interface 병합 시😄 // 인터페이스 Button 정의 interface ButtonInterface { onInit():void; onClick():void; } // 인터페이스 Button 중복 정의 interface ButtonInterface { onChange():void; } //위 코드는 아래와 같다. interface ButtonInterface { onInit():void; onClick():void; onChange():void; } Type Alias 병합 시😱 type ButtonType = { onInit():void; o..

기본 타입 종류 타입스크립트는 JS보다 더 다양한 타입이 존재한다. 각 타입과 타입별 선언방법에 대해 알아보자. 타입 선언 방법 변수명앞에 : 를 이용하여 코드에 타입을 선언한다. 이러한 방식을 타입 표기(Type Annotiation)라 함. 타입별 선언 방법 String - 타입이 문자열일 경우 let str: string = 'sungtt'; Number - 타입이 숫자일 경우 let num: number = 3; Boolean - 타입이 불린(진위)값일 경우 let thisBoolean: boolean = false; Array - 타입이 배열인 경우. 아래 코드와 같이 제네릭을 사용할 수 있다. let arr: number[] = [1,2,3]; or let arr: Array = [1,2,3]..

타입스크립트란? 마이크로소프트에서 구현한 자바스크립트의 슈퍼셋(Superset) 프로그래밍언어다. 확장자로는 .ts를 사용하고, 리액트를 활용해 작성할때는 .tsx라는 확장자명이 사용되기도 한다. 컴파일의 결과물로 자바스크립트 코드를 출력한다. 타입스크립트는 자바스크립트에 타입을 지정해주는 언어다. 자바스크립트는 동적 타이핑(Dyanamic Typing)이기에 변수를 선언하고, 값이 할당되는 과정에서 타입이 결정된다. 그렇지만 타입스크립트는 정적 타이핑(Static Typing)이라 컴파일 당시에 결정해놓는다. 다시 말해 JS에서는 변수를 우리 마음대로 값을 할당해줬더라면 TS에서는 처음에 지정한 타입의 값만 할당해줄 수 있다. 타입스크립트를 사용하는 이유 1. 타입 에러를 사전에 방지한다. 함수, 컴포..