본문 바로가기

npm 패키지 배포

npm 2023. 4. 19. npm 에 내가만든 패키지 배포하기 - (2) : github action 을 이용한 ci/cd 워크플로우 자동화 지난 포스트에 이어 github action 을 이용하여 npm 레지스트리로 ci/cd 를 자동화 하는 workflow 를 작업하는 과정을 기록합니다. npm 에 배포하기까지의 과정은 여기에 있습니다. npm 에 내가만든 패키지 배포하기 - (1) : React 컴포넌트와 Custom Hook 을 패키지로 만들기 지난 포스팅에 이어서 이번에는 어떻게 리액트 컴포넌트와 커스텀 훅 코드를 패키지 형태로 배포하는지 그 과정을 공유 해볼까합니다. 만약 패키지를 배포 하기위해 개발환경 세팅부터 해야한 yoonocean.tistory.com 먼저, 워크플로우에서 CI/CD 과정에 어떤것을 포함시킬까 고민을 해보았습니다. npm 기반의 자바스크립트 프로젝트는 CI/CD 과정이 보통 아래와 같이 진행되지 않을까 싶습니..
npm 2023. 4. 17. npm 에 내가만든 패키지 배포하기 - (1) : React 컴포넌트와 Custom Hook 을 패키지로 만들기 지난 포스팅에 이어서 이번에는 어떻게 리액트 컴포넌트와 커스텀 훅 코드를 패키지 형태로 배포하는지 그 과정을 공유 해볼까합니다. 만약 패키지를 배포 하기위해 개발환경 세팅부터 해야한다면, 여기를 눌러주세요 npm 에 내가만든 패키지 배포하기 - (0) : 프로젝트 세팅 가이드 이전에 사이드 프로젝트를 진행하면서, 특정 UI 옆에 tooltip 말풍선 을 출력하는 형태의 React 컴포넌트를 개발해본적이 있습니다. 언젠가는 이걸 라이브러리화 해서 npm 에 배포해보자는 생각이 있 yoonocean.tistory.com 저의 경우, 배포할 소스의 entry 지점을 src 폴더로 지정했기 때문에, 패키지로 만들 원본 소스 코드를 src 폴더에서 관리합니다. 또한 타입스크립트로 개발을 하기때문에, 트랜스파일링..
npm 2023. 4. 16. npm 에 내가만든 패키지 배포하기 - (0) : 프로젝트 세팅 가이드 이전에 사이드 프로젝트를 진행하면서, 특정 UI 옆에 tooltip 말풍선 을 출력하는 형태의 React 컴포넌트를 개발해본적이 있습니다. 언젠가는 이걸 라이브러리화 해서 npm 에 배포해보자는 생각이 있었는데, 이번에 기회가 되서 한번 진행해보려고 합니다. 그 과정에서 프로젝트 세팅 부터, 배포된 패키지의 개발 과정과 경험 등도 같이 블로그에 작성 해볼까 합니다. 먼저 npm 에 내가 만든 패키지를 배포하기위해 프로젝트를 세팅하고, 개발환경을 설정 해야겠죠? 저는 React 와 Next 환경에서 import 해온 custom hook 과 component 를 사용할수 있도록 패키지화 하고 싶습니다. 아마도 배포후에도 계속 업데이트를 할것이므로, 개발또한 계속 가능해야합니다. 그래서 아래와 같이 세팅을 ..

티스토리툴바