꾸생의 DevLog

타입스크립트 - tsconfig.json

타입스크립트를 프로젝트에 사용하려면 설정이 필요한데, 한 번에 외우는 건 불가능하기에 반복 학습으로 메모장 처럼 기록해두고 자주 찾아보려한다. 앞으로 타입스크립트를 사용하면서 계속 추가될 예정. 타입스크립트는 트랜스파일러로 ts에서 js로 변환시켜준다. 변환해야하는 이유는 브라우저는 only 자바스크립트만 이해할 수 있다. 자바스크립트도 여러 버전이 존재하는데(commonJS, es5, es6+ 등), 어떤 버전으로 ts 파일들을 js파일로 변환할지 설정을 해줘야하고 부가적인 설정들도 해줘야한다. 타입스크립트 문법 위주로만 공부했지만 이러한 세부적인 지식들도 중요하다. 트랜스파일러(Transpiler)와 바벨(Babel) 자바스크립트를 공부하다 보면 쉽게 들을 수 있는 폴리필과 바벨에 대해서 다시 공부해..

2022.07.11  

[TS] 타입스크립트 - 기본 타입

타입스크립트(TypeScript) 타입스크립트는 기존의 자바스크립트 언어에 타입을 추가한 언어다. 자바스크립트에서 좀 더 확장된 언어라 표현할 수 있고 기존 SASS/SCSS가 CSS파일로 변환되어 브라우저가 읽듯이 타입스크립트 또한 다시 자바스크립트로 변환되어 브라우저가 실행한다. 타입스크립트를 사용하는 이유는? 자바스크립트는 아래 코드가 실행 가능하다. const Add = (num1, num2) => { console.log(num1+num2); } Add(1,2); Add(1, "text"); Add('1', true); Add 라는 함수의 매개변수 num1, num2 둘 다 타입이 들어올것으로 예상해서 코드를 작성했지만 다른 문자열이나 불리언 타입이 들어와도 자바스크립트는 정상적으로 작동한다. ..

2021.08.26