게으른개발너D

google maps나 google books 등의 embed를 사용하거나 window 객체에 property를 추가하는 일이 있을 수 있다. 예를들어 google books 미리보기 embed를 사용하는 경우이다. html 파일에 script 태그를 사용하여 API 로더를 포함시킨다. 하지만 위의 html이 아닌 다른 ts 파일에서 아래와 같이 작성하면 window는 google이라는 property의 존재를 알지 못한다. window.google.books.load(); function initialize() { var viewer = new window.google.books.DefaultViewer(document.getElementById('viewerCanvas')); viewer.load('..

✨ Classes ✨ 타입스크립트는 객체지향 코드를 더 안전하고 좋게 만들도록 도와주는 기능을 제공한다. 타입스크립트로 객체지향 코드를 어떻게 작성하는지 살펴보자. 그리고 typescript가 많은 양의 반복되는 코드들을 쓰지 않도록 어떻게 막아주는지도 알아보자. Player class를 만들자. Player 엔 몇몇 property들이 있을 것이다. 보통 JS에는 constructor 함수를 만들고 그 안에 this.firstName = firstName 또는 this.lastName = lastName 같은 코드를 넣어줄 것이다. 타입스크립트에서는 그런 코드는 안 넣어줘도 된다. 파라미터를 써주기만 하면 typescript가 알아서 constructor 함수를 만들어준다. class Player { ..

✨ Call Signatures ✨ arrow function 으로 typescript 함수를 작성해 보자 const add = (a: number, b: number) => a + b; 우리는 위에서처럼 타입을 적지않고 add 함수만의 타입을 만들고 싶다. type Add = (a: number, b: number) => number; const add:Add = (a, b) => a + b; 이게 바로 함수의 call signature 타입을 만드는 것이다. 이렇게 우리는 함수를 구현하기 전에 타입을 미리 정할 수 있다. 처음에 우리가 타입을 생각할 수 있도록 할 수 있다. ✨ Overloading ✨ 우리는 대부분 다른 사람들이 만든 외부 라이브러리를 사용할텐데, 이런 패키지나 라이브러리들은 오버로..

✨ How Typescript Works ✨ 타입스크립트는 Strongly Typed(강타입) 프로그래밍 언어이다. 이런 언어는 코드를 다 작성하고 나면 코드를 컴파일 해서 0101로 바꿔주거나, 어셈블리 코드나 바이트 코드가 되기도 한다. 타입스크립트에서는 작성한 코드가 자바스크립트로 변환된다. 변환하는 이유는 브라우저가 타입스크립트가 아니라 자바스크립트를 이해하기 때문이다. 참고로 Node.js는 타입스크립트와 자바스크립트 언어를 둘 다 이해할 수 있다. 타입스크립트가 제공해주는 보호는 타입스크립트 코드가 자바스크립트로 변환되기 전에 발생한다. 타입스크립트가 우리 언어를 미리 확인한 후 바보같은 실수가 일어나지 않도록 확인을 해준다. 그리고 에러가 있다면 자바스크립트로 변환을 해주지 않는다. 예를 들..

일단 컴터에 Node.js만 설치되어 있으면 된다. 노드 버전 확인인 콘솔창에 node -v를 입력하면 된다. 내 버전은 v16.18.0이다.. ㅎㅎㅎㅎㅎ 17.3 이상 버전으로 업데이트 시켜주자. Mac 기준으로 cashe를 지우기 위해서 터미널창에 npm cache clean --force 를 입력한다. 에러가 막 뜰 수가 있는데, 그럴 경우 npm cache verify를 입력하여 캐시 접근에 권한을 부여한다. sudo npm install -g n 를 입력하여 n을 설치해준다 sudo n lts를 입력하여 node 최신 버전을 설치해준다. node -v를 입력해서 다시 확인해보면 18.15.0으로 업그레드 되어있다. 다시 sudo npm install -g n 를 입력하여 npm을 재설치해준다. ..