TIL - 2021.06.08

Today Ariticle

• Mistakes | 주니어 리액트 개발자인 내가 실수하고 있었던 것

• 리뷰는 여기서 - 일일 아티클
  
  

그 외 오늘 참고한 아티클들

• CRA없이 React + TypeScript 셋팅하기!
• @types 라이브러리란?
• [React] Typescript VS코드 error : Cannot use JSX unless the '--jsx' flag is provided.
• CRA 없이 TS react 환경 구성
• 프론트엔드 개발환경의 이해: 웹팩(심화)
• [TypeScript] 컴파일 옵션 살펴 보기 (TSConfig Reference)
• TypeScript, tsconfig.json 주요 설정
• tsconfig.json 컴파일 옵션 정리

Today I Learned

• @types를 설치하는 이유. JS로 만들어진 서드 파티 라이브러리를 TS에서 사용하려면 각 기능에 대한 타입이 정의되어 있어야 한다. TS에서 타입 추론을 할 수 없기 때문.

• 대중적으로 사용되는 라이브러리는 @types라는 별칭으로타입스크립트 추론이 가능한 보조 라이브러리 를 제공하는데, 내가 사용하고자 하는 라이브러리가 이 보조 라이브러리를 제공하지 않으면 직접 선언하거나 TBD(?? 핸드북에 자세한 설명이 없다)를 이용해야한다?

• tsconfig의 jsx 필드. preserve, react-native, react 3가지 차이점 여기 빌드 결과와 확장자에 차이가 있다. react를 쓰는게 제일 나은거 같은데? 그외 다양한 속성들..

• webpack을 오랜만에 사용해보았다. 까먹기 전에 종종 사용해야겠다.

Today Review

• 오늘은 CRA(create-react-app)을 사용하는 대신 직접 React + TypeScript 환경을 구성해보았다.
• TypeScript가 자체 트랜스파일링을 해주기 때문에 babel은 추가하지 않았고(물론 추가해야할 상황도 있다), webpack, tsconfig 설정만 건드려보았다.
• 환경 구성은 너무 복잡하고.. 이 정도면 되는지, 놓친건 없는지 등 확실하지 않아서 너무 어려운 것 같다. 계속 다듬어서 npx로 설치할 수 있게 하면 좋을거 같다
• 현업에서는 cra를 많이 쓸까? 아니면 자체 보일러플레이트를 많이 쓸까? cra는 쓸데없이 무거울 수도 있어서 ..