IM: DAY 61

오늘 한 일

• 중간고사
• TypeScript로 컴포넌트 만드는 법 공부

기억할 것

🔨 CRA에 TypeScript 적용하기

다음 명령어를 사용하면 타입스크립트 설정이 적용된 리액트 프로젝트가 생성된다.

$ npx create-react-app <프로젝트이름> --template typescript

# or

$ yarn create react-app <프로젝트이름> --template typescript

Reference CRA - Adding TypeScript

🔧 vscode에서 .prettierrc 파일 적용 안되는 문제 해결방법

문제상황

• 프로젝트에 Eslint와 Prettier를 함께 사용한다.
• .prettierrc 파일에 Prettier 설정을 해주었다.
• VScode의 설정 창에서 Format on Save 설정을 체크해주었다.

➡ 저장 시 자동으로 Prettier 포맷 적용이 되지 않는다.

문제상황 원인 파악

• Eslint와 Prettier를 같이 사용하였기 때문에 자동저장시 Prettier formatter가 적용되지 않는 것 같다.

해결

• VScode의 설정 창에 들어가서
  Editor: Default Formatter 설정을 Prettier - Code formatter 로 바꿔준다.

내일 할 일

• nextjs 공부하기
• TypeScript로 컴포넌트들 만들기! (진짜 만들기!)
• 학과 중간 과제 작성하기 (최소 50%는 완성하기!)