Yarn berry cannot find module Error

Typescript

웹팩을 설정하는데 npm 으로 하면 에러가 없는데 이상하게 yarn 으로 하니

모듈 또는 해당 형식 선언을 찾을 수 없습니다.ts(2307)

위의 에러가 뜨더라...

yarn berry 공식문서를 살펴보니

yarn add @yarnpkg/sdks -D
yarn dlx @yarnpkg/sdks vscode

Smart IDE(예: VSCode 또는 IntelliJ)는 Plug'n'Play 설치 를 사용할 때 TypeScript가 작동하도록 특별한 구성이 필요합니다 .
yarn sdks vscode vim지원되는 지정된 편집기에 대한 기본 SDK와 설정을 모두 생성하는 데 사용 합니다.

위를 실행했더니 에러가 사라졌습니다.

Eslint + Prettier

yarn dlx eslint --init

yarn dlx는 yarn berry에서 쓰이는 npx와 같은 명령어 입니다.

개발을 할 때 eslint 와 prettier를 같이 사용하게 되는데,
prettier에서 관리하는 스타일을 eslint에서도 확인하여서 충돌이 생기는 경우가 있을 수 있습니다.
이럴 때에는 eslint-config-prettier를 사용하여 중복 관리되는 스타일을 Eslint에서 비활성화 할 수 있습니다.

yarn add eslint-config-prettier -D

그리고 .eslintrc.json에 설정해주면 됩니다.

"extends": [
      "react-app",
      "airbnb",
      "prettier" //여기서도 꼭 마지막에 추가
],

그리고 prettier의 바이너리 파일을 찾지 못하여 올바르게 작동하지 않을때가 종종있습니다.
이럴때는

yarn dlx @yarnpkg/sdks vscode

를 해주시면 됩니다.