이 프로젝트는 22년 12월 말 - 23년 4월 초 까지 프론트엔드 개발자로 참여하여 개발한 프로젝트이다.개발이 거의 다 되었지만 배포와 운영은 진행되지 않았다..😞 사실, 로고도 정해지지 않았지만, 예비로 만들어 둔 것을 사용해 소개페이지를 만들어봤다. 조금 아쉬운 프로젝트이지만, 여태까지 진행한 프로젝트들 중 가장 배운 것이 많았고 성장할 수 있었던 프로젝트여서 나의 경험을 공유하고자 작성한다.프로젝트 소개[ 품 : POOM ] 서비스는 제로 웨이스트 샵의 정보확인, 리뷰 등록 및 공유를 제공하는 서비스입니다. 제로 웨이스트를 실천하고 싶지만, 가게의 위치를 몰라 어려움을 겪는 분들을 위해 도움이 되고자 제작된 서비스입니다. 품 : POOM은 사용자들이 친환경에 한 발짝 더 가까이 다가갈 수 있도록..

서론 2023년 전반기에 Poom이라는 서비스를 개발하면서 이것저것 프론트엔드 개발을 편리하게 해주는 기술들을 써 보았는데, 그중에 Github Action을 써본 경험담을 작성해 보려고 한다. 사실 나는 홈페이지에서 마일스톤 적용하고 뭐 간단한 작업만 하고 풀리퀘만 했지.. 세팅은 하나도 안 했어서 블로그를 쓰면서 정리도 하고 공부도 해보려고 한다. 현업자들과 같이 프로젝트를 준비하면서 되게 모르는 것이 많다는 것을 느꼈다. 특히 백엔드 분들과 AWS S3얘기를 할 때는 AWS인지 모르고 "S3? 왜 갤럭시 S3 얘기를 하고 있지.." 부끄럽지만 이런 생각을 했었다. 그래서 그런 격차를 조금씩 줄여보고자 나름대로 공부를 했었고 우선 개발의 흐름을 파악하기 위해서 제일 먼저 알아야 했던것이 CI/CD였..

2023년 전반기에 Poom이라는 서비스를 개발하면서 이것저것 프론트엔드 개발을 편리하게 해주는 기술들을 써 보았는데, 그중에 Storybook을 써본 경험담을 작성해 보려고 한다. 이번 경험을 통해 프론트 개발 전, 디자인 시스템을 구축하는 것이 효과적인 개발을 할 수 있게 해준다는 것을 깨달은 것 같다. 그렇다고는 해도 아직 프론트 업계에 물들지 않은 초심자가 간단하게 만져보고 쓰는 글이다. 우선 Storybook 이란? 컴포넌트 단위의 UI 개발환경을 지원하는 도구이다. 여러 컴포넌트 UI 들을 문서화하여 여러 정보들을 보기 편하게 만들어 준다. 다양한 프론트엔드 웹 프레임워크(React, Vue, Angular 등등)에서 지원한다. Storybook 사용법 내가 작성해두는 것보다 여러 참고하기 ..