이번에는 타입 알리아스로 타이핑한 코드들을 인터페이스 타입으로 바꿔보도록하자. 기본적인 변형은 type 을 interface로 바꿔주면 되고, =(이퀄)이 있으냐 없느냐의 차이이다. 타입 알리아스는 객체 유형을 대입하듯이 = 을 사용했지만 인터페이스는 =를 사용하지않는다. 바로 {} (브레이스)를 열고 닫고 코드를 적으면 된다. 📌타입 알리아스 📌인터페이스 이렇게 간단히 type을 interface로 바꿔주면 되는데..... 수많은 에러표시들..? 인터페이스에서는 타입 2개를 합치거나 즉, 유니온 타입을 만들거나 인터섹션(&를 사용한) 타입을 만드는것을 지원하지않는다. 그럼 어떻게 타입을 결합시킬 수 있을까? NewsFeed 인터페이스에서 News를 인터섹션을 하고 있는데 이걸 extends 라는 키워드..

오픈 API를 가져와서 hacker news라는 사이트를 만들어 보았다. 📰 https://cool-tartufo-8224ab.netlify.app/ HN client cool-tartufo-8224ab.netlify.app 바닐라자바스크립트로 작성한 코드에 타입스크립트를 적용해보도록 하자. 타입스크립트 적용방법 타입스크립트를 사용하려면 환경설정을 해주어야 한다. 간단하게 app.js로 되어있던 파일을 app.ts로 바꿔준다. 그다음 tsconfig.json이라는 설정 파일을 만들어준다. 타입스크립트는 실제로 트랜스 파일러여서 브라우저에서 실행시키려하면 자바스크립트로 변환을 시켜줘야한다. 자바스크립트로 변환하는 과정에서 여러가지 옵션을 줄 수가 있는데 이과정을 컴파일이라고하고, 여러가지 옵션들을 줘서 타..

타입스크립트를 사용하는이유? 타입스크립트를 공부하던 중... 의문이 생겨났다. 나혼자 어차피 코드를 작성하는데 뭐하러 타입스크립트를 쓰지..? 구글링 시작.. 결론은? 혼자 코드를 고칠 때는 상관없지만 엄청 큰 프로젝트에서 협업을 하거나 새로운 사람들이 기존의 프로젝트에 투입돼서 코드를 수정해야 할 경우, 타입 스크립트를 사용하지 않으면 수정해야 할 코드의 숫자 데이터가 들어와야 하는지, 스트링이 들어와야 하는지 모르지만 타입 스크립트를 사용하면 미리 타입을 알 수 있기 때문에 쉽게 수정할 수 있다.