yarn berry3

• 

  yarn berry 사용시 .yarn 내부파일이 저절로 삭제되는 현상 yarn, vite를 통해서 프로젝트를 생성하고 eslint, pretter를 사용하고 있는데 프로젝트 중간에 자꾸 .node_modules 폴더가 좀비처럼 재생성되고 .yarn에 있는 파일이 저절로 삭제되는 현상을 겼었다. 특히 .yarn 내부의 파일이 삭제되는지 모르게 PR을 해서 다른 팀원분들이 .yarn/eslint/package.json이 삭제되어서 eslint를 사용을 못 하셨다. (이후 빠르게 package.json을 만들어 PR을 올렸다.) 첫 번째 시도 https://meoweundi.tistory.com/39 .yarnrc.yml 파일에 yarn/nodeLinker가 'node-modules'로 설정되어 있었다면 node_modules이 자동으로 생성된다고 한다. 근데 프로젝트 내부에 .. 개발/버그일지 2024. 2. 8.

• 

  yarn berry란 yarn berry란 node.js를 위한 새로운 패키지 관리 시스템으로 기존의 npm yarn v1의 패키지를 개선하여 빌드 시간을 단축시켜주고 개발과정에서 안정성을 높여줄 수 있습니다.yarn v2부터는 yarn berry라고 합니다.1. yarn berry의 기능1) 기존의 방법NPM은 node_modules폴더를 이용해서 의존성을 관리하는데 이 폴더의 구조는 매우 큰 공간을 차지하고 있다는 단점이 있습니다.만약 여러 패키지들이 의존하는 모듈을 모두 설치한다면 node_modules구조는 매우 깊어지고 무거워집니다. 이 문제를 해결하기 위해 NPM, yarn v1에서는 각 패키지가 의존하고 있는 패키지들을 최상단으로 끌어올리는(호이스팅) 방법을 사용하여 중복 설치된 패키지를 최.. 개발 2024. 2. 2.

• 

  프로젝트 초기 세팅 (with yarn berry, vit, react, typescript, emotion...) 새로운 프로젝트를 시작하면서 내가 자신이 없었던 프로젝트 초기 세팅을 드디어!! 새롭게 경험할 수 있었다. 이번에는 반드시 초기세팅에 대한 두려움을 없애버리고 자신감있게 초기 세팅을 할 수 있도록 정리를 해보았다. 스택 TypeScript: 정적 타입 분석을 통한 안정적인 코드 작성을 위해 사용 React: 컴포넌트 기반 개발 및 SPA 구축을 위해 사용 emotion css: 컴포넌트 기반 스타일링을 위해 사용 Redux Toolkit : 복잡한 상태 관리를 위해 사용 PWA: 네이티브 앱과 같은 사용자 경험을 주기 위해 사용 Axios: 간결한 http 통신 코드 작성을 위해 사용 Framer Motion: 리액트 기반 애니메이션 라이브러리로, 서비스 내의 다양한 애니메이션 구현을 위해 사용 yarn.. 개발 2024. 1. 29.