1. CRA 프로젝트 구성(with Typescript)

npx create-react-app my-app--template typescript

1. npm 기반 의존성 관리 삭제

rm -rf node_modules
rm -rf package-lock.json

1. yarn berry 세팅

yarn set version berry or yarn set version 3.x

yarn --version // 버전 확인 - 기록 당시 3.3.1로 진행

P.S. 1~2번 과정 없이 3번 과정 후 아래 명령어로 한번에 세팅 가능

yarn dlx create-react-app storybook-test --template=typescript

1. 라이브러리 내부 구조 확인을 위한 zipfs 설치

Extension 검색 ZipFS ⇒ 설치

1. yarn berry 구성 파일 설치

yarn or yarn install

1. VSCode yarn berry Editor 설치

yarn dlx @yarnpkg/sdks vscode