비사이드 포텐데이_🥯빵시계
2023-10-04
tech stack
Next.js
Tailwindcss
SWR
TypeScript
duration
2023.08.04 - 2023.08.13
team
디자이너 1명, 프론트엔드 1명, 백엔드 1명
🥯 빵시계
- 갓 구운 맛있는 빵을 찾는 사람들을 위한 서비스입니다 :)
- 비사이드 포텐데이 완주 증서 수료 및 프로젝트가 비사이트 홈페이지에 등재되었습니다.
- 2년차 UI/UX디자이너와 10년차 백엔드 개발자와 함께 협업한 프로젝트 입니다.
- 팀 리더로서 10일 동안 서비스 런칭을 목표로 팀원의 동기 부여와 일정 관리 및 프론트 업무를 담당했습니다.
🔗 Link
🛠️ Tech Stack
- Next.js 13.4
- Typescript
- SWR
- Tailwindcss
- Framer motion
- Headless UI
🗒️ Feature
- SWR의 Optimistic Updates를 이용해 즉각적으로 반응하는 북마크 토글 버튼 구현
- Geolocation API를 사용하여 사용자의 위치 파악
- Giolib 라이브러리를 활용하여 빵집과 사용자 간의 거리를 계산
- dvh(dynamic viewport height) 단위를 이용해 모바일 웹의 세로 길이가 스크롤에 의해 동적으로 변해도 대응 가능하도록 구현
- Server Components를 적극 활용하여 빠른 페이지 렌더링 구현
📓 Work as a Leader
- 팀원분들을 리드하며 효율적인 협업이 가능하도록 체계를 세우고 기록을 남겼습니다.
- 팀원들의 선호하는 협업방식을 파악하여 효율적인 프로젝트 진행을 위한 그라운드룰 정립
- 체계적인 협업을 위해 업무 일정을 정리해서 공유
- 업무 기한과 팀원들의 작업 진척도 확인
- 당일의 회의의 목적을 회의록에 미리 작성 후 팀원들께 당일의 회의 목적을 먼저 전달 후 회의 시작해 빠르면서 결과가 있는 회의를 진행
- 회의의 결과와 팀원 별 앞으로의 액션이 포함된 내용을 문서에 정리
- MVP 스펙 결정과 기능 명세서 작성을 팀원들과의 협의로 완성
- 팀 노션을 주도적으로 관리하며 원활한 협업을 위한 기록을 했습니다.
💬 I Learned
- 저에게 새로운 관점에서 프로젝트를 볼 수 있는 계기가 되었습니다. 기존에는 제 업무를 깔끔하게 끝내는 것에 집중을 했다면 이번 프로젝트에서는 어떻게 하면 팀원들이 능동적으로 즐겁게 참여할 수 있을지, 짧은 기간 안에 완성하기 위해 프로젝트의 규모를 어느 정도로 설정할지, 팀원들의 업무 진척도를 어떻게 파악할지 등 기존과는 다른 관점으로 프로젝트를 바라보았습니다. 성실하게 참여해주는 팀원들께 감사함을 많이 느껴 팀장의 다른 성취감을 느낄 수 있었습니다. 그리고 내가 팀원의 위치에 있을 때 어떻게 하면 좋은 팀원이 될 수 있을지 팀장의 입장에서 보니 더 잘 알 수 있었습니다.
- 사람들이 원하는 기능을 개발하고 싶다는 욕심이 생겼습니다. 빠르게 동작하는 서비스도 중요하지만 사람들이 원하는 기능을 개발하는 개발자가 되고싶다는 생각을 했습니다. 애정하면서 개발할수록 더 많이 드는 생각 같습니다.(열심히 만들었는데 많이 써주면 좋겠다..🥹) 이후 사람들이 꾸준히 찾는 서비스에 대한 공부를 하며 이후 서비스를 만들 때 더 많은 지식을 기반해 기획에 참여하려고 합니다.
유현지
안녕하세요