최근 제가 사이드 프로젝트로 진행하는 프로젝트에서 사용할 목적으로 UI 컴포넌트 라이브러리를 만들었습니다. UI 컴포넌트를 만들 때, 프로젝트를 vite의 react 템플릿을 사용하여 생성하였습니다.vite로 라이브러리를 빌드할 때는 react web app을 빌드할 때와 달리 추가적인 설정이 필요합니다. 아래 제가 vite로 라이브러리를 build 하며 겪었던 과정을 말씀드리겠습니다. 라이브러리 entry point 만들어주기vite의 react 템플릿을 사용하여 프로젝트를 생성했을 때, vite는 index.html을 entry point로 하여 프로젝트를 빌드합니다.하지만 저희는 UI 라이브러리를 만드는 것이기 때문에 index.html이 존재하지 않습니다. 그래서 저는 src 디렉토리 하위에 ma..

peer dependency는 어떠한 상황에서 사용할까?지금까지 개발하면서 peer dependency에 대해 몰랐는데, 최근 UI 라이브러리를 개발하면서 이에 대해 학습하였습니다. UI 라이브러리는 React를 사용하여 개발했습니다. 그런데 이 라이브러리를 설치하는 프로젝트에도 이미 React가 설치되어 있다면, React가 중복으로 설치되는 문제가 발생합니다. 이 같은 문제를 해결하는 것이 peer dependency입니다. peer dependency는 "이 라이브러리를 사용하려면 특정 패키지가 필요합니다"라고 명시하는 방법입니다. 패키지를 직접 포함하지 않고. 사용자가 이미 설치했을 것으로 기대하는 의존성을 표시합니다. 실제로 프로젝트에 적용한 방법을 통해 설명하겠습니다.프로젝트 예시peer de..