1002 질문을 보자면, prettier 관련해서 몇개 있다.
오늘은 이에 대해 TIL을 작성하려한다.
배운점
오늘은 프로젝트에서 ESLint 설정 문제를 해결함. ESLint 버전 9.0.0 이상에서는 기본 설정 파일이 eslint.config.js로 변경되었기 때문에, 기존의 .eslintrc.cjs 파일을 사용할 때 발생할 수 있는 문제를 해결했다.
문제
npm run lint:fix 명령어를 실행했을 때, ESLint가 설정 파일을 찾지 못한다는 오류 메시지가 나타남. 이는 ESLint의 기본 설정 파일 형식이 변경되었기 때문.
해결 방법
명시적 설정 파일 지정: package.json의 scripts 섹션을 수정하여, ESLint가 .eslintrc.cjs 파일을 인식하도록 --config 옵션을 추가.
"scripts": {
"lint": "eslint 'src/**/*.{js,jsx,ts,tsx}' --config .eslintrc.cjs",
"lint:fix": "eslint 'src/**/*.{js,jsx,ts,tsx}' --fix --config .eslintrc.cjs"
}버전 조정: 만약 위 방법으로도 해결되지 않는다면, ESLint의 버전을 8.x로 낮추어 .eslintrc.* 파일을 기본적으로 지원하도록 설정할 수 있음.
npm install eslint@8 --save-dev결과
위의 방법을 적용한 후, npm run lint:fix 명령어가 정상적으로 작동하여 코드 스타일 문제를 자동으로 수정
느낀 점
이번 문제를 해결하면서 ESLint의 설정 파일 형식이 변경되었음을 알게 되었고, 이를 통해 새로운 버전에 맞춰 설정 파일을 관리하는 방법을 배움. 앞으로도 ESLint와 같은 도구의 업데이트 내용을 주의 깊게 살펴봐야겠다!!!!
아직은 에러 안남. 근데, 앞으로도 안나야해. 하 🤦🏻♀️🤦🏻♀️🤦🏻♀️
그리고 오늘은 예약박스에서, 달력 기능 추가하고 드래그는 아닌데, 마우스가 지나가면 색깔이 도로록 생기는 걸로 해봤다. 해보고 싶은 표현이었는데
하나의 달력에서 드래그하여 대여일과 반납일을 선택하려면 DatePicker의 selectsRange 속성을 사용
어서, 강의 들으러 가쟈
