안녕하세요 프론트엔드 개발자 김소현입니다 :)
스위프(SWYP) 8기에 참여하여 서비스를 출시하고, 오늘은 그 6주간의 회고를 진행해보려고 합니다!
✍ 프로젝트 소개
기간 : 2025.01~2025.03
인원 : PM 1명, Design 1명, Front 2명, Backend 2명
주제 : 나만의 붕어빵 아카이브, 붕마카세
프론트 스택 : nextjs, typescript, tanstack-query, tailwindcss, shadcn/ui, storybook, vercel, pnpm
백엔드 스택 : java, spring boot, mysql, jwt, oauth2.0, junit, swagger, aws, pnpm
사이트 : https://bungmakase.vercel.app
깃허브 레포지토리 : https://github.com/bungmakase
🔥 성장한 경험
❶ 스토리북 사용경험
테스트도구를 이론으로 배워도 실무에서 사용하지않으면 혼자서는 사용해볼 일이 없기도하고, 혼자하더라도 맞는 방향인지 궁금했던게 많은 부분이 있었습니다.
그래서 실무에서 테스트도구를 사용해봤던 사람의 코드를 보며 배울수 있으면 좋겠다고 생각했습니다.
팀원을 구할때 테스트도구를 사용해 본 경험이 있는분을 구하려고했고, 스토리북을 사용해보신분이 있어서 이번 기회에 실제로 사용해볼 수 있어서 좋았습니다.
➋ 사람에 치이지않아도 잘만된다
이번 프로젝트는 독특하게 같이 협업하는 프엔개발자를 비롯한 모든 팀원들과 개인적인 톡이나 회의를 단 한번도 하지않았다는것입니다.
말로 표현하기는 힘든데 서로 일이 생기면 하려고하고, 각자 자연스럽게 분야를 맡고, 자연스럽게 완성했다(?) 고 해야하나ㅋㅋ...
저도 이런경험은 처음이였는데 어딜가나 사람떄문에 스트레스를 받기마련인데 오히려 전체회의 딱 한번씩만 주마다하니까 사람에 치일일도없고 일도 더 잘되었던거같은 신기한 경험이였습니다.
이번 경험으로 느낀점은 꼭 굳이 회의를 자주하고 자주소통하는게 바람직하지만은 않다는것과, 소통없이도 알잘딱깔센으로 서로 일을 하면 편안하게 일할수도있다는것을 알았습니다.
🩹 어려웠던 점과 극복한 방법
시간이 없다
이번 프로젝트는 정말정말 시간이 없었습니다. 항상 어떤 사이드 프로젝트를 하던 api가 늦게나와서가 주였는데 이번에는 그게 문제가아니라, 정말 제 시간이 없었습니다.
면접 + 회사 + 사이드플젝 + 다른플젝 + 외주가 혼합된 시기여서 제 시간 자체가 너무 없었달까
그래서 제가 생각한 방법은 일단 시간날때 틈틈히라도 조금씩 해두자! 였습니다.
- 디자인 나오기전에 공통컴포넌트만 디자인 해달라고 해서 공통컴포넌트제작과 스토리북을 먼저 개발
- 디자인 완성안되도 UI개발을하고 변경되는건 추후 수정
- 백엔드가 완성될때까지 기다렸다가 하루에 몰아서 연동
안될거같지만 다 되는게 신기했다는거...역시 안될건없다ㅋㅋㅋㅋ
극복했다고 볼 수는 없지만 다음에 또 이런 급박한 일정이 생긴다면, 지금처럼 우선순위와 순서를 두는게 중요하다고 생각했습니다.
🥰 개선 및 추가할점
MSW(Mock Service Worker) 이용
스토리북을 사용하면서 저는 아직 미숙하여 단순 컴포넌트만 만들었는데, 같이 협업한 프론트개발자분을 보니 msw라고 API Mocking 라이브러리를 사용하는것을 볼 수 있었습니다.
현재 하고 있는게 많아서 아직 사용해보지는 못했는데, 이것을 이용하면 네비게이션등 실제 데이터가 있는거처럼 스토리북에 구현하는것이 가능해보여서 추후 배워서 적용해보고 싶다는 생각을 했습니다.
✅ 네트워킹행사 및 수료증
네트워킹 행사에 참여하면 열심히 개발했던 저의 서비스를 소개시켜줄 수 있어 뿌듯함을 챙길 수 있고, 또 다른 서비스를 구경하는 재미도 있습니다.
스위프에서 다양한 혜택도 제공하니 국비지원 후 프로젝트가 필요한사람이나 대학생에게 강추합니다!
- 다양한 업계 IT 직군과 네트워킹
- 리뷰데이로 개발일정조율
- 웹호스팅제공, 광고부착, 서버비용지원
끝으로, 저희 서비스를 사용해보고 싶다면 아래 링크로 접속해주세요!
소개 페이지 : https://slashpage.com/bungmakase
서비스 바로가기 : https://bungmakase.vercel.app
깃허브 저장소 : https://github.com/bungmakase
