Creat React App 이후 react 컴포넌트를 NPM package로 배포하기

리엑트 컴포넌트를 packaging해서 npm에 배포하는 방법에 대해 써보겠다.

아마 대부분의 독자들은 npm install {xxx}으로 남들이 만들어 높은 프로그램을 다운받아 자신의 앱에 사용해 본적이 있을 것이다. 여기서는 그와 반대로 자신이 짠 리액트 컴포넌트를 남들이 사용할 수 있게 하는 방법을 설명한다.

다만 여기서는 scoped-package로 private하게 배포하기 때문에 해당 컴포넌트를 다운받을 수는 없다. 한 달에 $7를 내면 비공개 패키지를 올릴 수 있다.

그럼 한번 시작해 보겠다. 쉽게 팩스를 보낼 수 있는 앱을 만들어보려고 계획하고 있으므로 이름을 easyfax-pack 으로 한다.

1. create react app 으로 리액트 앱 만들기

리액트 앱을 만드는 가장 쉬운 방법인 create react app 으로 리액트 앱을 만든다. 나는 pycharm 이라는 툴을 사용하기 때문에 아래와 같이 리액트 앱을 만든다.

Leave a Reply