npm 모듈 만들기! 🥳

안녕하세요 pengoose입니다 :)

저번 주말동안, nomad gather에서 간단한 npm module을 만드는 스프린트를 진행 하였습니다.

(함께 주말을 즐겨주신 노마드코더 가족분들!)

스프린트 결과물!

뻥뻥이님

• ReactJS에서 사용이 가능한 공통모달 컴포넌트 모듈

npm : https://www.npmjs.com/package/react-common-modal-module

github : https://github.com/bbung95/react-modal-module

smarttuna님

• 날짜/시간을 다루는 모듈. (바닐라 JS 로 구현해서, 바닐라JS 프로젝트에서도 활용할 수 있어요!)

npm : https://www.npmjs.com/package/@smarttuna/ez-datetime-vanillajs

github : https://github.com/DongWon-Sehr/ez-datetime-vanillajs

• npm 모듈을 만들어보고 배포까지 할 수 있어 너무 좋았습니다! 시간이 부족해 아직 디버깅과 문서화 작업을 못한채 배포를 했는데, 어떻게 하는지 방법은 알았으니, 아이디어와 시간만 있으면 뭐든 만들어 올리려구요! 좋은 기회 만들어주신 @Pengoose @Lynn 님 감사합니다~!

Pengoose

• styled-component나 emotion의 ThemeProvider에 편하게 사용할 수 있는 컬러 팔레트 모듈.

npm : https://www.npmjs.com/package/@pengoose/theme

github : https://github.com/pengooseDev/goose_module/tree/main/theme

Jace Alan

• 랜덤한 한글 음절을 생성해주는 모듈.

• 간만에 재밌고 유익한 주말보냈어요~ 감사합니다!

npm : https://www.npmjs.com/package/korean-syllable

github : https://github.com/jacealan/korean-syllable

김연석님

• 긴 url 을 가독성이 좋은 짧은 url 로 바꾸어주는 모듈.

npm : https://www.npmjs.com/package/@tastekim/url-shortener

github : https://github.com/tastekim/tastekim-shortener

Jason Kim님

• JS 또는 Reat에서 간단하게 사용할 수 있는 scroll-top기능을 제공하는 모듈.

• 나태해져서 무의미하게 시간을 보내던차에 좋은 기회로 npm 라이브러리 처음 만들어서 배포해보았는데 에러가 있어 수정해야될 부분이 아직 남아있지만 너무 재밌는 주말이었습니다. 항상 다른개발자들이 만들어놓은 라이브러리만 사용했었는데 스프린트를 통해 저도 할 수 있다는 자신감까지 얻어갑니다 !!!

npm : https://www.npmjs.com/package/scroll-top-func

github : https://github.com/hurima90-kim/ScrollTop

블로그 회고 : https://hurima90-kim.github.io/createnpm/

Justin Seo

• 지갑을 파편화 시켜서 나눠 가지고, 일정 수의 파편으로 지갑을 다시 복구할 수 있는 기능을 제공하는 모듈.

npm : https://www.npmjs.com/package/fragment-key

github : https://github.com/dovigod/fragment

규성님

• comma 기호 및 간격 설정할 수 있는 숫자 commfy 모듈.

npm : https://www.npmjs.com/package/commafy-min

github : https://github.com/LeeKyuSung/commafy-min

마치며

생각보다 많은 개발자 분들이 "npm 모듈"을 만들어보고 싶은 마음은 있지만, 모종의 두려움을 가지고 있다는 것을 알게 되었고 이런 모임을 진행하게 되었습니다.

모임을 마치고 나온 공통적인 의견은 "생각보다 엄청 간단하다!"였습니다. npm 모듈을 만드는 일련의 과정을 이쁘게 문서화 해두었으니, 혼자 만들어보고 싶으신 분들이 계시다면 다음의 문서를 보시고 직접 만들어보시는 것을 추천드립니다 :)

docs: https://github.com/pengooseDev/goose_module

추후에 진행할 컨텐츠!

• 나만의 확장 프로그램 만들기!

• ChatGPT API로 간단한 서비스 만들기!

• AWS lambda로 서버리스 API 만들어보기!

간단한 것들이라도 좋으니 꼭 시도하고, 무언가를 만들어보는 경험을 가져가시면 좋겠습니다 :)