1,2,3 편을 거쳐 react 컴포넌트 라이브러리 만들기 시리즈의 막을 내릴 차례이다. storybook 상에서 컴포넌트 작업을 하고, husky로 prettier와 커밋 린트를 지켜서 커밋을 하고 , rollup 을 통해 cjs , es 형식의 파일을 만들 수 있다면... 끝이다. 이상태에서 로컬에서 npm version을 수동으로 올리고 npm 을 올려버리면 된다. 하지만.. 우리는 협업을 하고 있지 않는가? 로컬에서 나혼자만 작업하고 있는것이 아닌 스토리북 레포지토리에서 같이 작업을 하고 있다. 따라서 github action을 통해 1편에서 storybook을 gh-page로 올려서 작업물을 공유하는 것 처럼. semantic-relase라는 것을 활용해서 버져닝과 npm 배포를 github a..
2편까지 우리는 storybook으로 컴포넌트 작업환경을 만들고 ,husky로 협업의 기반 커밋룰을 만들었다. 이제는 빌드를 해야할때다. 스토리북도 빌드가 가능하고, 리액트도 빌드가 가능하고.. 우리가 만든 컴포넌트들도 빌드를해야 배포를 하든 뭘 하든 할수 있다. 그 빌드에 대해서 알아보도록하자. 시리즈다 2편 먼저 첨부해두겠다. 고티켓-react 컴포넌트 라이브러리 만들기(2)-husky 시리즈 물이다. 차근차근 1편부터 보는것을 부탁드린다. 고티켓-react 컴포넌트 라이브러리 만들기(1)-storybook 아니 고티켓이 뭐냐?? 고스락 티켓 프로젝트이다. 시작하기 앞서 궁금하면 들어가보 devnm.tistory.com 우린 create-react-app 하면 웹팩 세팅이 아주 끝내주게 해서 들어온다..
시리즈 물이다. 차근차근 1편부터 보는것을 부탁드린다. 고티켓-react 컴포넌트 라이브러리 만들기(1)-storybook 아니 고티켓이 뭐냐?? 고스락 티켓 프로젝트이다. 시작하기 앞서 궁금하면 들어가보도록 하라. 고스락 티켓예매 프로젝트 고스락 티켓 예매 프로젝트가 뭐냐? 이프로젝트를 진행하면서 rollup을 devnm.tistory.com 우선 여러분이 이 글을 봐서 얻어갈 수있는것들에 대해 정리하겠다. javascript , npm 패키지 기반 express, react 프로젝트 협업 허스키 설정하는법 고티켓프로젝트가 커밋 린트를 적용한 방법 허스키가 필요한 이유(썰매 끄는거 아님) husky 허스키... 별거 아니다. 깃에 훅 이있는데 ,훅이벤트가 발생하게 되면 husky에 등록된 sh 커맨드가..
아니 고티켓이 뭐냐?? 고스락 티켓 프로젝트이다. 시작하기 앞서 궁금하면 들어가보도록 하라. 고스락 티켓예매 프로젝트 고스락 티켓 예매 프로젝트가 뭐냐? 이프로젝트를 진행하면서 rollup을 통한 리액트 컴포넌트 패키징 과정이나 , github action을 활용한 ci 구조등을 포스팅을 할껀데 이프로젝트가 뭔지 간략하게 devnm.tistory.com 궁금하지 않다면 바로 시작해보자. storybook 이글을 읽으면 뭘 얻어갈수있는지. 먼저 적어보도록 하겠다. storybook에 대해 느낌만 알아갈 수 있다. 컴포넌트 라이브러리화는 롤업 이후에 진행을 한다. 언어는 javascript 이다. 타입스크립트는 아직이다. 필자의 협업을 위해 어떤 고민을 했는지 알아 갈 수 있다. 여기서 중요한점은 필자는 백..
