Walkaholic [팀과제]

우리팀은 각자의 산책 플레이스를 공유하는 웹사이트로  지도에 좌표를 찍어서 게시물을 만들고 서로 공유할수있다.

 

이번 팀과제는 추석연휴가 아주 길게 잡혀있어서 소통이나 진행사항을 공유하기 정말 힘들었다.

그래서 팀만의 룰을 추가했는데 우선 각자의 역할을 어떤식으로 진행할것인지 간략하게 기능명세서를 작성하고

노션에 진행사항 보드와 캘린더에 데일리 스크럼이라는 이름으로 어제 한일,오늘 할일, 공유해야할 이슈등을 담아서 

서로의 상황을 공유해여서 소통이 힘든 상황에서도 진행이 잘된 것 같다.

 

 

아직도 생각이 나는 팀과제중 이슈가 있는데 이미지 업로드 관련 이슈이다.

 

따로 데이터 베이스를 사용하지 않는 상황에서 이미지 업로드 기능을 구현해야하는 상황이였다.

그래서  그때 생각한 방법이 바이너리 데이터(파일의 데이터) 전달 과정 중 아스키 코드에 포함되지 않는

데이터가 있는 경우 데이터의 손실이 발생하므로 " 바이너리 데이터를 인코딩해서

텍스트 기반 데이터로 다룰 수 있는 Base64 " 를 사용하는 것을 채택 하였다.

 

그런데  Base64 를 채택한 이유가 데이터베이스 서버가 따로 존재하지 않아서 채택한 방법이긴 하지만

변환된 이미지 url이 길어도 너무 길어 db.json의 가독성이 매우 떨어져 관리하기 힘들었음

 

지도 API	KakaoMap.API
클라이언트 상태	Zustand
서버상태	TanStack Query
백엔드 시스템	Json-server

 

"dependencies": {
    "@heroicons/react": "^2.1.5",
    "@tanstack/react-query": "^5.56.2",
    "axios": "^1.7.7",
    "json-server": "^1.0.0-beta.2",
    "lodash": "^4.17.21",
    "lucide-react": "^0.441.0",
    "prettier": "^3.3.3",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
    "react-router-dom": "^6.26.2",
    "react-slick": "^0.30.2",
    "slick-carousel": "^1.8.1",
    "tailwindcss": "^3.4.11",
    "zustand": "^4.5.5"
  }

 

Walkaholic 웹사이트

[사용해보기] (https://walkaholic.vercel.app/)

 

깃허브 링크

GitHub - sparta-walker-holic/walkerholic

 

팀노션

연매출 십8조 | Notion