짧은코딩

자주 사용하는 UI를 라이브러리화 하고 있었다.Material-UI(MUI)에서 Tailwind CSS 기반으로 마이그레이션 하는 과정이 있었는데, 이 라이브러리를 사용하는 소비 프로젝트의 설정 복잡도를 "Zero"로 만드는 과정을 기록하고자 한다.1. 도입 배경 및 문제 상황기존의 Tailwind CSS 기반 라이브러리 배포 방식은 사용자에게 과도한 설정을 요구하며, 이는 개발 경험(DX) 저하1.1 기존 방식의 한계소스 코드 제공 방식: 사용자가 tailwind.config.js의 content 배열에 라이브러리 경로를 직접 추가해야 한다.CSS 파일 번들링 방식: 빌드된 CSS 파일을 제공하고 사용자가 이를 import 해야 한다.1.2 결정적 문제점설정 복잡도 증가: tailwind.config...

Nexus란?Sonatype에서 만든 저장소 관리자 프로젝트다양한 Format의 사설 저장소를 만들 수 있으며 메인 저장소를 Cache 할 수 있는 기능 또한 제공하여 저장소를 관리할 수 있도록 도와주는 관리자 도구Maven에서 주로 사용하지만 npm 저장소로도 이용이 가능회사 내부 라이브러리를 저장하기 위해서 사용npm i 혹은 yarn을 했을 때nexus에 있는 라이브러리라면 nexus 저장소에서 라이브러리를 다운로드하고nexus에 없는 라이브러리면 npm 저장소로 가서 라이브러리를 다운로드한다설치Docker로 Nexus 설치하기docker pull sonatype/nexus3도커로 nexus 이미지를 다운로드하였다.docker run -d -p 8081:8081 --name nexus sonatyp..