프로젝트/스마트해양물류 ✖ ICT멘토링 (2) 썸네일형 리스트형 [스마트해양물류 ✖ ICT멘토링] ESLint/Prettier Airbnb 스타일 + TypeScript 설정 >> ESLint: 잠재적인 버그를 발견하고, 코드 스타일(들여쓰기, 공백 등)을 검사함. 뿐만 아니라 코드의 오류, 잘못된 패턴을 찾아냄.>> Prettier: 오로지 코드의 포맷팅을 다루는 도구. 코드가 일관된 형식을 갖추도록 한다. 매우 엄격하게 코드를 재포맷함. => ESLint와 Prettier의 코드 스타일 규칙이 충돌할 수 있다. ✅ Prettier와 ESLint의 중복 해결"eslint-config-prettier" : Prettier와 충돌하는 ESLint의 모든 스타일 규칙을 비활성화한다. Prettier가 코드 포맷팅을 전담하도록 한다. ESLint는 코드 스타일 규칙과 관련된 경고를 출력하지 않는다.{ "extends": [ "eslint:recommended", "pl.. [스마트해양물류 ✖ ICT멘토링] Vite + React + TS (Yarn 패키지 매니저) yarn create vite [프로젝트명]React. TypeScript + SWC. cd nftyarnyarn dev yarn add eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-plugin-react eslint-plugin-react-hooks eslint-config-airbnb eslint-config-airbnb-typescript eslint-plugin-import eslint-plugin-jsx-a11y eslint-config-prettier eslint-plugin-prettier prettier eslint-plugin-react-refresh필요한 패키지 설치// eslint.config.js.. 이전 1 다음
