230531_TIL(TypeScript 포팅)

🌱오늘 한 것

• JavaScript로 작성된 프로젝트를 TypeScript로 포팅하는 과제를 진행했다.

🌱기억해야할 것

• 타입을 그 파일에서 정의하지 않으면 왔다 갔다 해야 해서 힘듬.
  BUT 여러 파일에서 공통으로 쓰이는 타입이 있다면, 빼서 정의하기도. 여러군데에서 쓰인다 그러면 당연히 뺀다.

🌱더 알아볼 것

• FC (Function Component)에 대해 알아보자.

🌱한 줄 감상

생각보다 사전 환경 설정인 ESLint와 Prettier가 고난이었다... 둘 사이에 충돌하는 문제가 많아서 오류가 많이 뜬다고 하더라... 예를 들면 .eslintrc.js파일에 "useTabs: true" 규칙이 있을 경우에는 vscode의 insert spaces 설정과 충돌한다든지.. eslint에서는 space를 이용하고 prettier에서는 tab을 사용하기 때문에 발생하는 오류라든지... 그리고 나는 윈도우를 사용해서 LF가 기본이 아니라 CRLF인 것도 문제 중 한가지였다.

타입스크립트는... 처음엔 포팅하려니 살짝 막막했는데 한번 감 잡으니까 어느정도 할만 했다. 근데 아직까지는 완전 애기 수준의 간단한 포팅이니 그랬겠지... 실제로 현업에서 큰 프로그램의 포팅을 하게 된다면... 그때 실수하지 않고 잘 해낼 수 있을 수 있도록 지금 많이 연습해서 몸에 익혀둬야겠다...

프리프로젝트에서 타입스크립트 도전해볼 생각이다🔥🔥🔥