YooBlog

비사이드 포텐데이_🥯빵시계

2023-10-04
post-thumbnail

tech stack
Next.js
Tailwindcss
SWR
TypeScript
duration
2023.08.04 - 2023.08.13
team
디자이너 1명, 프론트엔드 1명, 백엔드 1명
notion image
 

🥯 빵시계

  • 갓 구운 맛있는 빵을 찾는 사람들을 위한 서비스입니다 :)
  • 2년차 UI/UX디자이너와 10년차 백엔드 개발자와 함께 협업한 프로젝트 입니다.
  • 팀 리더로서 10일 동안 서비스 런칭을 목표로 팀원의 동기 부여와 일정 관리 및 프론트 업무를 담당했습니다.
 

🔗 Link

 

🛠️ Tech Stack

  • Next.js 13.4
  • Typescript
  • SWR
  • Tailwindcss
  • Framer motion
  • Headless UI
 

🗒️ Feature

  • SWR의 Optimistic Updates를 이용해 즉각적으로 반응하는 북마크 토글 버튼 구현
  • Giolib 라이브러리를 활용하여 빵집과 사용자 간의 거리를 계산
  • dvh(dynamic viewport height) 단위를 이용해 모바일 웹의 세로 길이가 스크롤에 의해 동적으로 변해도 대응 가능하도록 구현
  • Server Components를 적극 활용하여 빠른 페이지 렌더링 구현
 
 

📓 Work as a Leader

  • 팀원분들을 리드하며 효율적인 협업이 가능하도록 체계를 세우고 기록을 남겼습니다.
    • 팀원들의 선호하는 협업방식을 파악하여 효율적인 프로젝트 진행을 위한 그라운드룰 정립
    • 체계적인 협업을 위해 업무 일정을 정리해서 공유
    • 업무 기한과 팀원들의 작업 진척도 확인
    • 당일의 회의의 목적을 회의록에 미리 작성 후 팀원들께 당일의 회의 목적을 먼저 전달 후 회의 시작해 빠르면서 결과가 있는 회의를 진행
    • 회의의 결과와 팀원 별 앞으로의 액션이 포함된 내용을 문서에 정리
    • MVP 스펙 결정과 기능 명세서 작성을 팀원들과의 협의로 완성
    •  
 
 

💬 I Learned

  • 저에게 새로운 관점에서 프로젝트를 볼 수 있는 계기가 되었습니다. 기존에는 제 업무를 깔끔하게 끝내는 것에 집중을 했다면 이번 프로젝트에서는 어떻게 하면 팀원들이 능동적으로 즐겁게 참여할 수 있을지, 짧은 기간 안에 완성하기 위해 프로젝트의 규모를 어느 정도로 설정할지, 팀원들의 업무 진척도를 어떻게 파악할지 등 기존과는 다른 관점으로 프로젝트를 바라보았습니다. 성실하게 참여해주는 팀원들께 감사함을 많이 느껴 팀장의 다른 성취감을 느낄 수 있었습니다. 그리고 내가 팀원의 위치에 있을 때 어떻게 하면 좋은 팀원이 될 수 있을지 팀장의 입장에서 보니 더 잘 알 수 있었습니다.
  • 사람들이 원하는 기능을 개발하고 싶다는 욕심이 생겼습니다. 빠르게 동작하는 서비스도 중요하지만 사람들이 원하는 기능을 개발하는 개발자가 되고싶다는 생각을 했습니다. 애정하면서 개발할수록 더 많이 드는 생각 같습니다.(열심히 만들었는데 많이 써주면 좋겠다..🥹) 이후 사람들이 꾸준히 찾는 서비스에 대한 공부를 하며 이후 서비스를 만들 때 더 많은 지식을 기반해 기획에 참여하려고 합니다.
 
 
 

유현지

안녕하세요

홈으로