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

Next.js 13.5 소식을 알려드리겠습니다. Next.js 13.5는 2023년 9월 23일에 출시된 Next.js의 마이너 릴리스입니다. 이번 릴리스에서는 로컬 개발 환경의 성능과 안정성을 개선하는 데 중점을 두었습니다. Next.js 13.5의 주요 업데이트 사항은 다음과 같습니다. 22% 빠른 로컬 서버 시작: App & Pages Router를 사용하면 코드를 더 빠르게 반복할 수 있습니다. 29% 빠른 HMR (Fast Refresh): HMR은 페이지를 다시 로드하지 않고도 코드 변경 사항을 브라우저에서 확인할 수 있습니다. 이를 통해 Next.js 애플리케이션을 개발하고 디버그하는 속도가 훨씬 빨라집니다. 향상된 안정성: Next.js 13.5에는 프레임워크의 전체적인 안정성을 개선하기 ..

bun.js란 무엇인가요? 먼저, bun.js에 대한 개요를 알아보겠습니다. bun.js는 JavaScript 개발자들 사이에서 점점 더 인기를 얻고 있는 라이브러리입니다. 이 라이브러리는 웹 애플리케이션의 개발과 성능 향상을 돕는 도구로 사용됩니다. bun.js를 통해 개발자들은 코드 번들링과 모듈 번들링 작업을 더욱 효율적으로 수행할 수 있습니다. 이 글에서는 bun.js의 핵심 기능과 사용법에 대해 자세히 살펴보겠습니다. bun.js의 주요 특징 1. 코드 번들링 bun.js는 JavaScript 코드 번들링을 위한 강력한 도구입니다. 이를 통해 여러 개의 JavaScript 파일을 하나로 번들링하고, 웹 애플리케이션의 로딩 시간을 크게 단축할 수 있습니다. 또한, 코드 번들링 과정에서 불필요한 코..

Next.js와 Tailwind CSS는 현재 웹 개발에서 매우 인기 있는 기술들입니다. Next.js는 React 기반의 프레임워크로, 서버 사이드 렌더링과 정적 사이트 생성을 지원하여 웹 애플리케이션의 성능과 SEO를 향상시킬 수 있습니다. Tailwind CSS는 기본 CSS를 대체하는 유틸리티 기반의 CSS 프레임워크로, 간결한 클래스명으로 쉽게 스타일을 적용할 수 있습니다. 이번 글에서는 Next.js와 Tailwind CSS를 함께 사용하는 방법에 대해 자세히 알아보겠습니다. 목차 Next.js 소개와 기본 개념 Next.js란 무엇인가? 서버 사이드 렌더링이란? 정적 사이트 생성이란? Tailwind CSS 소개와 기본 개념 Tailwind CSS란 무엇인가? 유틸리티 기반의 스타일링이란? ..

모노레포(mono-repo)란? 단일을 의미하는 mono와 Repository가 합쳐진 단어로, 여러 가지의 멀티 레포(multi-repo)에 반대되는 개념으로서 하나의 저장소에 여러 프로젝트 및 패키지를 가진 것을 의미한다. 모노레포의 장점 여러 패키지에서 하나의 설정을 공유할 수 있다. : 예를 들어, Eslint나 Prettier 등 설정을 루트 레벨에서 관리할 수 있기 때문에 여러 Repository에서 각각 따로 관리하던 설정을 공유할 수 있다. 패키지(package) 버전 통합 및 의존성 해결 : 멀티 레포에서 A라는 Repo는 babel 패키지 x.x.1 버전을 사용하고 B라는 Repo에서 x.x.2 babel 패키지를 사용하고 있다면 추후에 다른 버전으로 인한 이슈가 생길 수 있는데, 모노..

간혹 맥북에서 npm install 를 잘못된 경로에 설정하여 node_modules을 잘못 설치하는 경우가 있다. 이럴 경우 권한 거부 에러가 떠서 삭제 할 수 없는 경우가 있다. 에러코드 Git: warning: failed to remove node_modules/'파일명': Permission denied 이럴 경우 간단한 명령어로 삭제할 수 있는데, 먼저 터미널에 들어가서 잘못 설치된 파일 디렉토리로 이동한다. 필자의 경우 위와 같이 현재 폴더에서 node_modules 폴더로 이동해야하는데, 이럴때 cd node_modules 명령어로 해당 폴더로 이동한 다음에 명령어로 통하여 해당 파일을 삭제한다. 필자는 .yarn-integrity 파일을 삭제해야했다. (만약 디렉토리를 삭제하고 싶다면 폴..