[TypeScript] TS2564 Error : Property '~' has no initializer and is not definitely assigned in the constructor

맨 처음 자바스크립트를 배울 때 개념만 한 번 훑고 지나갔던 TypeScript를 다시 해보고 싶어서 오늘 기초 강의들을 쭉 살펴봤다. Java를 하고 온 다음에 TypeScript를 접하니 아무래도 이해하기가 더 쉬웠다. 예제 중 객체지향 프로그래밍과 클래스를 소개하는 챕터에서 난데없이 ts2564 에러, "Property 'fullName' has no initializer and is not definitely assigned in the constructor"를 만났다.

 

 

현재 tsc -v 명령어로 살펴본 현재 Version은 4.1.3이고, 이곳을 참고해보니, 2.7.2에부터 도입된 strict class checking으로 인한 오류라고 나와 있었다.

 

두 가지 방법으로 해결 가능한데,

class Employee {
    fullName!: string;
    age!: number;
    jobTitle!: string;
    hourlyRate!: number;
    workingHoursPerWeek!: number;
    
    printEmployeeDetails = ():void => {
        console.log(`${this.fullName}의 직업은 ${this.jobTitle}이고, 일주일 수입은 ${this.hourlyRate * this.workingHoursPerWeek} 달러이다.`);
    }
}

 

property!: type; 처럼 bang sign(!)을 넣어주면 된다.

 

혹은, tsconfig.json에서 "strictPropertyInitialization"을 true를 false로 바꿔주면 된다.