:: 계기

스스로의 성장

항상 성장이란 단어에 압박을 느끼고 아쉬움이 남는 것 같다🥲
이번 사이드 프로젝트는

• 평소 경험해보지 못했던 것을 배워보자!
• TPM님이 직무미팅때 공유해주신 supabase를 언젠간 사용해보리라! 라는 생각을 계속 하던 차에!!

짝꿍님이 회사에서 사용할 사이트 하나 만들어줄 수 있어?라는 질문에 흔쾌히 ok!!! 하며 시작된 프로젝트!!!👍

그리고 내가 이전에 다녔던, 이전 동료들이 사용하는 서비스를 만들며
내가 개발자로 전향하게 된 계기를 다시 떠올리게 된 프로젝트 이기도 하다.💪💪

:: 프로젝트 소개

총 1명, 약 보름간 퇴근 후 틈틈이 작업한 프로젝트

개요

> 소개

• 최종 목표는 그룹웨어의 형태로,
• 시작은 회의실/교육장/코칭룸 예약 시스템이다.

> 기술 스택

• nextjs14 supabase @reduxjs/toolkit @fullcalendar moment tailwindcss typescript

> 구현 기능

권한에 따라 미로그인, 로그인, 관리자로 구분

🔷 자원예약

• 미로그인, 로그인, 관리자 누구나 예약 가능
• 종일, 시간별, 기간 선택하여 예약 가능
  • 일/주/월 별 확인
• 기존 예약된 내용 수정 및 삭제 기능
  • 삭제 및 수정은 관리자만 가능(기획 의도)

🔷 로그인, 회원가입, 로그아웃

🌈 나의 역할

• supabase 로
  • 예약시스템에서 필요한 CRUD 적용되게끔 하고,
  • 관리자와 로그인 구분하여 UD 가능하게 하고
  • 누구나 회의실/교육장/코칭룸 정보 get 요청 가능하게 하고
  • 누구나 예약 가능하게 하도록 구현
• nextjs로 위의 기능에 맞게 UI 구현하고
• @reduxjs/toolkit 데이터 전역 상태 관리하고
• @fullcalendar 로 일정 확인 가능하도록 구현하고
• gpt와 함께 customTimeline 컴포넌트 구현
  • 

기억에 남는 일?!

Keep

• 생각보다 꽤 좋은 파트너 gpt👍

  • 가장 처음 구현한게 customTimeline 컴포넌트인데, 딱 원하는 기능을 제공하는 라이브러리를 찾지 못해(있으면 유료, 비쌈..) 직접 구현해야겠다 마음먹었고,
    생각보다 쉽지 않아 gpt를 적극 활용해서 구현. gpt가 생각보다 꽤 좋은 파트너의 역할을 했던 기억이 긍정적인 경험으로 오래 기억된다.

• tailwind가 디자인도 해줬어요🙌

  • 디자이너 없이 실제 유저에게 제공되는 서비스를 구현하자니.. 디자인 적인 부분에서 어려움이 있었는데, tailwind 의 도움을 받아 생각보다 쉽게 디자인적인 어려움이 해소되었다.

• 백엔드 없이 supabase로 DB, API 구현하는 새로운 경험

  • 이런 걸로(?) 풀스택 말할 수 있다면 가장 처음 풀스택으로 서비스 구현한 프로젝트가 되겠다.
  • 새로운 기술 습득 후 바로 적용한 사례 중 하나로, supabase의 공식문서가 꽤 잘 되어 있고, 이고잉님의 유튭 강의를 보며 요구되었던 기능을 구현해내어 뿌듯하다!

Problem

• 어서와👋 supabase는 처음이지?
  • supabase와 프론트에서 저장하는 예약하기 데이터의 Date 시점이 맞지 않아 초반에 원인 찾기(utc)에서 시간 소요가 있었다.
  • supabase 에서 제공하는 Database Roles을 정확히 사용하지 못한 부분이 아쉬움이 남는다. (그로 인해 시간 지체가 있었지..🥲)

Try

• 회사에서는 POC 단계를 거쳐 구현 가능한가? 어떤 라이브러리를 써야 할까? 등에 대한 검증 단계가 있는데, 초반에 이런 과정을 좀 더 적극적으로 했다면 라이브러리 선택 과정이 훨씬 수월했을 것 같은 아쉬움.. 다음엔 일정 관리할 때 POC 과정 먼저 추가 해야겠다!

---

:: 마무리

이번 사이드 프로젝트는 요청자인 짝꿍 포함, 이전 동료들이 사용하게 될(사용하고 있는) 사이트를 구현했는데, 처음으로 백엔드 영역까지 도전한 프로젝트였기에 더더더!!! 뿌듯하다 😆🤭😊

막상 백엔드 부분을 작업할 때 처음 사용해보기도 했고 관련 지식도 많지 않았기에(현업에서 협업하며 얻은 지식이 전부..😳) 제대로 구현할 수 있을까 걱정도 많았지만🥺🥺 구글링, gpt 등의 도움으로 무사히 런칭할 수 있었다.😊

백엔드 영역까지 도전해보며 개발 영역에서 배워야 할 게 너무나 많구나..💪라는 것을 새삼 느꼈고, 꼭 내 분야 아니더라도 협업할 때 등 도움이 되니 이렇게 경험해보고 배우는게 필요하다!라는 것을 체감한 프로젝트였다!✨

업무에서만 개발을 하는 것이 아닌
나의 성장👩🏻‍💻과 재미🥳 등 평소에도 개발을 적용할 수 있어서 바쁘기도 했지만 하나 끝내놓고 나니 다음엔 뭘 도전해볼까.. 또 고민하게 된다!

다음 도전도 무사히 마칠 수 있기를 바라며!!
화이팅!!! 💪💪