회사 내에서 운영되는 여러 프로젝트에서 공통으로 사용되는 패키지 같은 경우는 별도 저장소에 배포하여 각각의 프로젝트들이 해당 저장소에서 패키지를 내려 받아 사용하게 하는 것이 좋을 수가 있습니다. 직접 저장소를 구축할 때 여러 방법이 있겠지만, 여기서는 Nexus 를 이용하여 저장소를 구축 및 환경 설정 하는 방법에 대해 공유 드리고자 합니다. Nexus 도커 이미지 빌드 및 컨테이너 실행Nexus 를 직접 서버에 설치하고 환경 설정을 해주는 방법도 있겠지만, 여기서는 도커 이미지를 활용하는 방법을 공유드리겠습니다. 1) https://github.com/sonatype/docker-nexus3/blob/main/Dockerfile위 Dockerfile 을 다운로드 받습니다.2) 터미널을 실행 후, 위 ..

개발을 하다 보면 자주 사용되는 것들은 패키지화 하여 필요할 때 불러와 사용하곤 합니다. 저번 포스팅에선 github 에 패키지를 배포하는 과정에 대해 공유드렸었는데, 이번에는 github action 을 이용하여 npm 에 배포하는 방법에 대해 공유드리고자 합니다. ✻ 필요 패키지 설치 배포하고자 하는 패키지의 레포지토리의 루트 경로에서 아래 명령어를 통해 빌드시 필요한 패키지들을 설치합니다. npm i -D esbuild esbuild-css-modules-plugin 이 외에도 레포지토리에서 필요로 하는 패키지들은 모두 devDependencies 로 설치하거나 옮기실 것을 권장합니다. 나중에 esbuild 로 번들링 할 때 필요 패키지들은 같이 묶여서 번들링 될 것이기 때문입니다. ✻ packag..

안녕하세요. 루루개발자 입니다. 이번 시간에는 github action 을 활용하여 github package 저장소에 npm package 를 배포하는 방법에 대해 기술해보고자 합니다. 본 글에서는 typescript 기반의 react 와 프론트엔드(브라우저)에서 사용되는 패키지를 기준으로 하며 레포지토리의 패키지 개발 코드들이 src 폴더 밑에 있다고 가정하고 배포하는 방법을 설명하기 때문에 이 점 참고해주세요. :) 1. personal access token 발급 받기 github action 에서 github package 저장소로 패키지를 publish 하기 위해서는 해당 권한이 있는 토큰이 필요하므로 아래 과정을 참고하여 토큰을 발급받아 주세요. https://github.com/ githu..

package.json 에 명시된 버전 표기법에 대해 알아보려고 합니다. 버전 구성 버전은 크게 3가지로 분류 됩니다. Major.Minor.Patch Major : 이전 버전과 호환성이 보장되지 않는 업데이트이며 주로 대규모 업데이트가 일어났을 때 메이저 버전이 변경됩니다. Minor : 이전 버전과 호환 되면서 일부 새로운 기능이 추가되거나 수정되는 업데이트가 일어났을 때 마이너 버전이 변경됩니다. Patch : 버그 수정 및 성능 개선과 관련된 업데이트가 일어났을 때 패치 버전이 변경됩니다. 버전을 표기하는 방법이 여러개? package.json 을 보면 다음과 같이 버전 앞에 ~ 또는 ^ 문자가 붙은 것을 볼 수 있습니다. 이 둘의 차이에 대해 알아보겠습니다. Tilde (틸드, ~) 버전 앞에 ..

안녕하세요. 루루개발자 입니다. 오늘은 javascript 관련 라이브러리를 정리해볼까 하다가 제 컴퓨터에 설치된 node.js 버전이 16.13.2 인 것을 보고 16.15.1 버전으로 업데이트를 하였습니다. 근데 바로 npm -v 를 해보니 다음과 같은 경고 메시지가 표시되었습니다. npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead. 물론 어디까지나 경고였기 때문에 그냥 놔둬도 큰 문제는 없겠지만.. 괜히 찝찝했던 마음에 해당 현상에 대해 검색을 해봤습니다. 그러던 도중 stackoverflow 에 저와 동일한 현상에 대해 질문한 글을 발견하였습니다. https://stackoverfl..