• TypeScript
• React
• ESLint
• Prettier
• Vite
• Emotion

언어 선정

• 종현: JavaScript를 사용하면서 함수의 경우에는 예상과 다른 타입을 받거나 반환하고, 배열의 경우 서로 다른 타입을 조건없이 저장할 수 있다는 것에서 많이 불편함을 느낌. 이를 개선하기 위해 TypeScript를 사용하는 것이 더 좋다고 생각.

번들러 선정

• Vite와 webpack의 차이점

  • vite는 웹팩에 비해 설정해줘야 하는 것이 없다! ⇒ 개발자 친화적~
  • esbuild로 만들어서 빌드가 훨~씬 빠르다

• 종현: webpack은 다양한 설정들을 통해 많은 유형의 프로젝트에 적용할 수 있지만, 그만큼 초기 설정이 복잡하여 시간이 많이 들기 때문에, 개발 기간이 짧은 프로젝트에서는 초기 설정이 간단한 vite가 좀 더 적합하다고 생각.

CSS 전처리기와 CSS-in-JS 선정

CSS 뭐 쓸까,,

SCSS (CSS-in-CSS)

• 장점
  • 문법 (단, Styled Components랑 Emotion도 동일함)
  • 변수 ⇒ CSS도 되고 다른 애들도 비슷하게 사용은 가능함