![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/eqSSWp/btrL9K4Ms2Q/gC5eiyhH55p1tWtk2nGM3k/img.png)
프로젝트 환경이 모노레포로 구성되어 있다면 root에 위치한 eslint + prettier 설정 파일로 모든 프로젝트에 포맷팅을 맞춰줄 수 있다. eslint, prettier는 모노레포라고 해서 별 다를 게 없고 설정해주면 되는데, React와 달리 Vue 같은 경우 settings.json에서 속성을 추가 하지 않으면 prettier 적용이 되지 않는 문제가 있어 조금 삽질을 많이 했었다. { "[vue]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, } jsx, tsx는 위 값이 없어도 포매팅이 잘 적용되던데...
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/NNxRt/btrL5cOhNBO/x3Ng6GmvkBxCncC51jnCO1/img.jpg)
* 본 포스팅은 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
- react query
- vuetify
- Core Components
- Store
- Front
- 자바스크립트
- 타입스크립트
- react
- 호이스팅
- pagination
- JS
- pinia
- e2e
- 포트폴리오
- react native
- three.js
- CORS
- vue.js
- frontend
- Closure
- vuex
- Redux
- vue3
- Cypress
- vue
- 퍼블리셔
- composition
- NUXT
- backend
- react-query
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |