프로젝트 환경이 모노레포로 구성되어 있다면 root에 위치한 eslint + prettier 설정 파일로 모든 프로젝트에 포맷팅을 맞춰줄 수 있다. eslint, prettier는 모노레포라고 해서 별 다를 게 없고 설정해주면 되는데, React와 달리 Vue 같은 경우 settings.json에서 속성을 추가 하지 않으면 prettier 적용이 되지 않는 문제가 있어 조금 삽질을 많이 했었다. { "[vue]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, } jsx, tsx는 위 값이 없어도 포매팅이 잘 적용되던데...
* 본 포스팅은 Lerna와 Yarn workspaces를 익히기 위해 기록용(?)으로 작성한 포스팅임을 참고해주세요. 한 저장소 안에 여러 프로젝트를 구성할 경우 모노레포라고 한다. 여러 프로젝트에서 사용하는 코드 및 컴포넌트가 비슷한 경우 서로 공유하며 사용할 수 있고, Eslint, Prettier 등의 설정을 공용으로 사용할 수 있어 꽤 장점이 많다. Lerna Lerna란 여러개의 저장소를 쉽게 관리하고 배포할 수 있게 도와주는 라이브러리다. Lerna에 대한 설명은 아래 링크에 자세하게 기재되어 있다. (공식 문서) https://lerna.js.org/docs/introduction Introduction | Lerna Lerna is the original monorepo tool for ..
- Total
- Today
- Yesterday
- 포트폴리오
- 자바스크립트
- 타입스크립트
- vue
- pagination
- Core Components
- vue3
- Redux
- react native
- 퍼블리셔
- Cypress
- CORS
- composition
- frontend
- Store
- three.js
- vuetify
- NUXT
- 호이스팅
- backend
- react-query
- typescript
- react
- vue.js
- vuex
- Front
- react query
- JS
- e2e
- pinia
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |