멋쟁이사자처럼 10기 경기남부연합해커톤이 8월 27일 19시 ~ 28일 11시까지 진행되었다.
4개의 대학교에서 신청자만 받아서 진행하였지만, 이번엔 개발을 하여 프로젝트를 만들고 싶었기 때문에, 운영진 어드바이저가 아닌, 팀원으로 참가하였다.
잘챙기짐 서비스란?
기숙사를 가거나, 자취 및 독립을 시작하여 짐을 무엇을 챙길지 모르는 경우가 있습니다.
이럴 때 누구보다 현명하고 빠르게 짐을 꾸리기 위한 도구를 제공하는 서비스입니다.
해당 서비스를 이용하여 여행이나 자취 등의 여러 상황에서 어떤 것들이 가장 필요할지 고민하는 일은 점차 줄어들 수 있습니다.
기능 소개
- 로그인 / 회원가입
- 회원만 작성 및 좋아요 기능을 누를 수 있습니다.
- 카테고리 별 리스트 기능
- 작성
- 좋아요 기능
- 인기순 정렬
후기 및 회고
mission24 행사는 24시간내에 서비스 기획부터, 배포를 진행하자는 개념으로 시작되었지만,
실제 개발 시간은 24시간이 되지 않기 때문에 걱정이 많이 되었다.
특히 해커톤을 가기 전까지는 '완성을 할 수 있을까?' 라는 생각이 들었다.
기획 이전에 해야할 세팅정보들은 팀원들과 상의하에 세팅을 하고 해커톤 장소에서 만나기로 하였다.
Tech Stack을 미리 정하여 부족한 부분들은 공부를 하여, 개발시 딜레이가 되지 않도록 하였다.
Tech Stack은 다음과 같다.
- JavaScript
- React
- Styled-components
- Recoil
- react-router-dom
- axios
- svgr/wepack해커톤 기획 주제는 [일상생활 매니징] 으로, 팀원의 아이디어를 토대로 기획을 구체화하여 잘챙기짐! 서비스를 제작하였다.
피그마를 이용하여 디자인을 진행하였고, 피그마 주소는 다음과 같다.
https://www.figma.com/file/7Si7Wt3AEVndXNI0YmfE0A/%EC%9E%98%EC%B1%99%EA%B8%B0%EC%A7%90!?node-id=0%3A1
디자인시스템을 먼저 만들기 위해, 컬러와 폰트 아이콘등을 미리 정하고 디자인을 시작하였다.
디자인 된 컴포넌트부터 개발을 시작하여 진행하였고, 디자인이 다 끝나 모두 같이 개발을 시작하였다.
카테고리에서 선택된 카테고리를 리스트 컴포넌트에 넘겨주어야하는 작업이 있었다.
이 부분을 꼭 전역에서 상태를 관리해줘야하나? 굳이? 라는 생각이 들었지만,
페이지가 하나이다보니까 전역에서 상태를 관리해주어야할 것 같아서 recoil을 이용하여 상태를 관리해주기로 하였다.
밤을 새서 새벽내내 기획부터 코딩을 하는 프로젝트이다 보니까,
완성이라도 하자! 라는 생각으로 진행했던 것과실력 편차가 드러났던 것이 아쉬웠던 점으로 뽑을 수 있을 것 같다.
나 또한, 평소에 밤을 새지 않는데 밤을 새서 코딩하는 것이 너무 힘들었고, 실수를 하는 부분들이 많이 생겼다.
맞는 것 같은데 왜 안되지? 하면서 코드를 자세히 보니, 내가 계속 실수를 하는 부분들이 있었다.
MVP단계만 디자인 및 개발을 진행하였기 때문에, 우리는 페이지 하나에서 렌더링이 이루어져야했기에 useEffect안에서 api를 fetch해주어야했다.
여기서 내가 한 실수는 useEffect안에서 의존성 deps를 자꾸 빈배열로 주고 있어, 첫 렌더링 시에만 코드가 돌아가고, 이후에는 내부 코드가 돌아가지 않던 것이다.
처음부터 이 실수를 하다보니까, 이후부터는 deps를 계속 체크를 할 수 있었다.
팀원들이 한 장소에서 모여 기획부터 개발, 배포까지 하다보니까 진행하면서 부족한 부분, 모르는 부분들은 소통을 통하여 원하는 프로젝트 방향에 맞게 계속 고쳐나가고, 시간 내에 개발을 했다는 것에 뿌듯하였다.
다음에 이러한 행사가 또 있다면, 디자인이 나오는대로 개발 시작이 아닌, 역할 분배가 제대로 되어, 본인이 원하는 파트들을 개발을 할 수 있었으면 좋겠다.
또한, 시간이 된다면 더 나은 코드를 위해 노력을 모두가 같이 생각해볼 수 있는 시간을 가질 수 있었으면 좋겠다는 생각이 들었다!
프로젝트 배포 주소는 다음과같다.
mju-mission24-team3.netlify.app
실제 서비스를 생각한다면, 기획 구체화 및 구현이 필요하겠지만, 기획 단계에서 도움을 준 회사측에서 아이디어도 좋다고 말씀을 해주셔서,
서비스를 실제로 구현해보고 싶은 욕심이 생겼는데, 팀원 모두 다 끝까지 해보기로 하여 계속 리팩토링을 진행중이다.