TIL 11/19(금)

SangBooom·2021년 11월 19일
0
post-custom-banner

구글링 잘하는 법

검색어 : react pwa
2020년 이후의 글들을 보고싶다?
react pwa after:2020
단어를 까먹었을떄 별표로 설정하면 알아서 추천해줌
react * download
유튜브 video 검색으로 검색결과 보면 검색단어를 언급한 동영상들을 다 추천해줌

런타임과 컴파일타임

컴파일타임: 타입스크립트는 컴파일때 오류를 알 수있다.
컴파일은 코드를 컴퓨터가 알아들을수 있는 기계어로 번역하는 시간
런타임: 자바스크립트는 런타임때 오류를 알 수 있다.
컴파일 후에 프로그램이 실행되는 시간

컴파일러 옵션 파헤치기

tsconfig 셋업하기 위해서 typescript가 깔려있다면 tsc --init,
없거나 실행이 되지 않는다면 npx tsc --init 으로 tsconfig를 생성한다.

npx tsc -w 를 실행하면 tx,tsx파일들이 컴파일된 js파일들이 생긴다.
npx tsc를 하게 되면 outDir에 설정해놓은 경로에 exludes와 includes를 반영해서 컴파일한 파일들을 저장한다.

  • "incremental": true
    컴파일이 될떄마다 새롭게 변경되는게아니라 이전 컴파일한 내역과 비교해서 바뀐점이 없다면 유지하고 수정된 부분만 컴파일하는 설정.
    장점 : 컴파일속도가 빨라질 수 있음.
    단점 : 전에 컴파일한 내용을 디스크에 보관해야돼서 용량이 커짐

  • "target": "ES2015~ES2020, ES3~ES6, ESNext"
    어떤 것을 선택해야 할까?
    무조건 낮은버전을 선택하는건 안좋음. 왜냐면 예를들어 낮은 버전에서 promise, interface등 동일한 기능을 사용하기 위해서 더 더럽고 긴 코드를 생성하기 때문에 맞는 버전을 사용하는게 좋음

  • "module": ""

profile
끊임없이 떨어지는 물방울이 바위를 뚫는다
post-custom-banner

0개의 댓글