본인이 경험한 문제와 해결과정을 기록하고 공유해주세요.
- stories/components/atoms/Container.stories.tsx
- vscode prettier 설정 확인
- prettierrc대로 포맷팅이 되는지 확인이 필요
- settings.json 파일에 아래 내용 추가해주세요
esbenp.prettier-vscode
: default prettier 세팅,.prettierrc
파일이 있으면 해당 파일로 prettier가 적용된다.
조지
- App.tsx
조지
no-unresolved
: import를 절대 경로로 작성했을 때 기존 파일의 경로와 다르다고 인식해서 발생하는 ESLint 에러
- ESLint의 rule에
caseSensitive
값을false
로 작성해주면 해당 에러를 무시한다.
caseSensitive
: 작성된 파일 경로와 실제 파일 경로를 비교해서 다르면 에러를 발생시킨다.(Default: true)- 이번 프로젝트 에서는 절대경로를
./src
⇒@/
로 사용해서 해당 옵션을 false로 바꿔도 에러가 발생한다. ⇒ 에러를 무시하기 위해 아래의 코드를 작성한다.
yarn start
시 warnigs 해결 필요
조지
explicit-module-boundary-types
: Typescript로 작성된 함수에 리턴 타입을 작성하지 않으면 발생하는 warning
- JSX 코드를 리턴하는 컴포넌트는
ReactElement
를 리턴 값으로 명시해주면 된다.