프리온보딩 FE 2월 챌린지 - 수업.memo

TS playground를 활용하자!

처음배울 때는 이걸 활용해서 .js와 .d.ts를 확인해가며 연습하면 유용하다.

interface vs type alias

수업 중 나온 질문, 나도 궁금하다.. 나중에 자세히 알아보기 위해 일단은 후다닥 구글링 스크랩

• https://yceffort.kr/2021/03/typescript-interface-vs-type
• https://bny9164.tistory.com/48
• https://medium.com/humanscape-tech/type-vs-interface-%EC%96%B8%EC%A0%9C-%EC%96%B4%EB%96%BB%EA%B2%8C-f36499b0de50

JSDoc이 왜 과제지?

= JSDoc과 Typescript의 연계

TS를 처음에 배울 때는 먼저 선언하는 연습을 해야한다 !

선 타입 -> 후 구현

TS는 구현하는 언어가 아닌 선언하는 언어

짤막 퀴즈

1. void는 TS문법일까 JS문법일까?
2. JS에도 void가 있을까?

void function func() {};

Q. TS랑 JS에서 얘네 왜 비슷해?

EX) #privateField vs private

한번 읽어보자: https://stackoverflow.com/questions/59641564/what-are-the-differences-between-the-private-keyword-and-private-fields-in-types

A. TS와 JS의 성장속도가 다르기 때문
→ TS에서 나온 기능이 나중에 JS에 도입되기도 하고, 반대의 경우도 있기 때문.

새로운 버전을 도입할 때 유의

breaking changes를 꼭 체크해야한다. 안 그러고 막 도입하면.. 펑!

ex) React v.18 + typescript

과제

기존 사전 과제를 TS의 interface로 만들어볼 것