React 프로젝트를 진행하면서 외부 라이브러리를 사용하다가 알수 없는 에러가 발생했다. 검색해도 무슨 에러인지 알 수 없어서 직접 코드를 뜯어보려고 ctrl 로 파고 들어갔는데, d.ts 파일만 나오고 인터페이스만 보여줄뿐 구체적인 코드는 안나오는 것이다. 결론적으로, 동작하는 코드는 해당 라이브러리의 여러 파일 중 어딘가에 자바스크립트 파일로 존재했다. ctrl 로 들어갈 수 없었을 뿐 존재했다. 그럼 d.ts 파일은 뭐지? 왜 존재하는지 알아봤다. TypeScript의 d.ts: 선언 파일 내가 들어갔던 파일은 TypeScript 코드로 작성한 선언 파일이다. d는 declaration, 선언을 의미한다. 선언 파일은 타입스크립트 코드가 타입을 추론할 수 있도록 선언해놓은 파일이다. 말그대로 선언 파일이어서 파일 안에 어떤 변수가 무슨 타입인지 선언해놓은 내용밖에 없다. 직접 파일에 들어가보면 수많은 declare와 인터페이스들이 반겨준다. 왜 있지? 라이브러리는 자바스크…

파일에서 발생한 오류를 해결하기 위해 노력한 과정입니다. 사용한 코드 편집기는 vscode입니다. 문제 발생 전 자바스크립트 프로젝트에서 es6을 사용하려면 babel을 설치해야 한다는 걸 알고 고민하다가 타입스크립트 프로젝트로 변환하기로 결심했습니다. 예전부터 타입스크립트를 적용하는 걸 염두에 두고 있었기 때문입니다. 기존 자바스크립트 프로젝트에 타입스크립트를 설치하고 개발환경을 설정했습니다. 문제 발생 을 통해 만들어진 에 한줄의 에러가 계속 없어지지 않았습니다. 구성 파일에서 입력을 찾을 수 없습니다. 어쩌구 저쩌구 … 이 에러는 아무짓도 하지 않았는데 발생했습니다. 설정이 덜 된줄 알고 include와 exclude를 추가하거나 별 짓을 다 해봐도 그 한줄은 없어지지 않았습니다. 문제 해결 과정 그러던 중 타입 스크립트 핸드북에서 다음을 찾았습니다. “compilerOptions” 속성은 생략될 수 있으며 생략하면 컴파일러의 기본 값이 사용됩니다. “files”과 “inc…

typescript가 개체가 undefined, null 인 것 같다며 에러를 발생시키는 이유, 그리고 실행하도록 설득하는 방법에 대해 알아봤습니다. 문제 상황 에서 다음과 같이 설정된 경우 null 과 undefined 문제를 엄격하게 관리합니다. 따라서 다음과 같은 에러가 자주 발생합니다. 개체가 ‘undefined’인 것 같습니다.ts(2532) 개체가 ‘null’인 것 같습니다.ts(2531) 변수 중 Date 와 null 이 둘다 들어가는 경우 다음과 같은 에러도 발생합니다. ‘null’ 형식은 ‘Date’ 형식에 할당할 수 없습니다.ts(2322) 문제 해결 위 에러는 세가지 방법으로 해결할 수 있습니다. 1. 타입을 any로 정하기 any를 사용하면 TypeScript를 사용하는 의미가 없어보여 찜찜합니다. 2. 유니온 타입 사용하기 어떤 타입인지 한눈에 들어오지 않습니다. 3. “strictNullChecks”: false 위 두 방법을 사용해도 개체가 undefin…