[TIL] 0123

타입스크립트 프로젝트 환경 설정

• Webpack5 typescript설정법
• 계속 안되던 lint, prettier설정...경고문을 잘 읽어야 한다
  

  extends: [
    'plugin:@typescript-eslint/recommended',
    'plugin:prettier/recommended',
    'prettier', // 기존 "prettier/@typescript-es-eslint"
  ],

인스턴스 타입 관련

• 클래스로 생성한 객체(인스턴스)의 타입은 자신을 생성한 클래스가 된다. (클래스 그 자체로 타입이 됨)

export default class App {
  $target: Element;
  Home: Home; // 이 부분
  constructor({ $target }: { $target: Element }) {
    this.$target = $target;
    this.Home = new Home({ $target: this.$target });
    this.route();
  }
  route() {
    const { pathname } = window.location;
    if (pathname === '/') {
      this.Home.route();
    }
  }
}

라이브러리를 이용할 때에는 버전을 확인해서 그에 맞는 양식으로 셋팅 코드를 작성 해야한다는 것을 뼈져리게 느꼈다..
버전 마다 설정 양식이 다르고 연관있는 라이브러리들끼리 버전이 안맞을 때 문제가 생기는 경우가 많아서 오류를 해결하느라 시간이 많이 걸렸다..
평소 경고문의 메세지를 대충 읽는데 어떤 게 문제인지 정확히 파악하지 못하고 오류를 해결하려해서 쓸데없이 시간이 오래걸리기도 했다.. 경고문을 잘 읽자