여러 프로젝트 및 레포를 운영하다보면 모노레포의 필요성을 느끼게 되는데, 여러가지 모노레포의 Tool들이 있는데, Next.js를 사용하다보니 Vercel에서 개발한 모노레포를 자연스럽게 선택하게 되었다. 이번에는 TurboRepo에 대해서 정리해보고, 사용방법에 대해서 간략하게 정리해보았다. 터보레포(TurboRepo)란 무엇일까요? 자바스크립트 및 타입스크립트 코드 베이스를 위한 고성능 빌드 시스템입니다. 모노레포 환경에서 개발 속도를 높여줍니다. 주요 특징 빠른 빌드: 변경된 파일만 빌드하여 개발 시간을 단축합니다. 빌드 캐싱을 사용하여 중복 작업을 줄입니다. 병렬 빌드를 지원하여 작업 속도를 높입니다. 간편한 사용: 명령어 한 줄로 모든 작업을 실행할 수 있습니다. 코드베이스 전체를 쉽게 관리할 ..

1. 개요 본 글에서는 ESLint를 사용하여 import 구문의 순서를 정의하는 방법을 다룹니다. 특히, eslint-plugin-import 플러그인과 타입스크립트 환경에서의 설정 방법에 초점을 맞춥니다. ESLint import/order 와 eslint-plugin-import 설명 1. ESLint import/order 규칙 import/order 규칙은 JavaScript/TypeScript 코드에서 import 구문의 순서를 정의하는 ESLint 규칙입니다. 코드의 가독성과 일관성을 유지하는 데 도움이 됩니다. 2. eslint-plugin-import 플러그인 eslint-plugin-import 플러그인은 import/order 규칙을 포함하여 import 관련 다양한 규칙을 제공합니다..

혼자서 코드를 작성하는게 아니라 협업을 하는거면 lint는 필수. 그 중 eslint 사용하고 있다면 에러가 날 경우, 어떻게 처리 혹은 대처하는지 단계별로 알아보자. 적용 순위는 1 > 2 > 3 로써 3번은 최후의 수단이다. 1. 해당 오류가 있는 코드를 수정하거나 혹은 사용하지 않는 파일이라면 삭제한다. 가장 깔끔한 방법으로 권장하는 방법이다. 일단 에러 코드를 구글에서 검색하여, stackoverflow 등을 참조하여 코드를 추가 혹은 수정하여 처리할 수 있으면 가장 깔끔한 방법이다. (허나 인터넷의 경우 대부분 3번처럼 규칙을 아예 꺼버리는 경우가 많다.) 예를 들어, babel-lint 를 설치하거나 webpack 적용하여 lint 에러를 처리하는 경우가 가장 깔끔하다. 다만 이럴 경우 처리 ..