#2 한 달 살기 숙박 웹사이트: 마이제주스테이

2022. 3. 5. 12:59·Project
목차
  1. 프로젝트 개괄
  2. 활용 스택
  3. 프로젝트 소개
  4. 프로젝트 시연 영상
  5. 프로젝트 회고

프로젝트 개괄

  • 한줄 요약: 제주도 한 달 살기를 모티브로 한 숙박 예약 웹사이트
  • 팀 구성: 프론트엔드 4명, 백엔드 2명
  • 프론트엔드 깃허브, 백엔드 깃허브

활용 스택

프론트엔드

  • HTML/CSS
  • JavaScript(ES6+)
  • React
  • SASS

백엔드

  • Python
  • Django
  • MySQL
  • AWS

프로젝트 소개

제주도 한 달 살기를 목표로 한 숙박 예약 웹사이트를 구축하고자 했습니다. 2주간 프론트엔드 4명, 백엔드 2명이 한 팀이 되어 2번의 스프린트 기간을 잡고 프로젝트를 진행했습니다.

 

저는 숙소 검색, 필터링, 정렬 등과 더불어 예약 조회 및 처리, 고객 리뷰 파트를 담당했습니다.

마이제주스테이 ERD

프로젝트 시연 영상

프로젝트 회고

2차 프로젝트 때는 1차 프로젝트에서 회고 했던 것을 최대한 반영하고자 했습니다. 무엇보다도 문서화를 통한 원활한 진행 사항 및 정보 공유를 위해 다음의 방법들을 적극 활용했습니다.

 

1) 트렐로를 통한 일정 관리


2) 포스트맨을 통한 엔드포인트 API 정보 제공


3) 노션 페이지를 통한 정보 공유

 

프로젝트를 진행하며 가장 많이 학습한 부분은 깃이었습니다. 1차 프로젝트 때는 깃 푸시와 머지 정도만 했다면, 이번에는 리베이스와 스쿼시 등을 적용하여 로그를 관리했습니다. 이 과정에서 충돌이 많이 나기도 했지만, 그 덕에 깃 플로우에 대해 많이 배울 수 있었습니다. 이 과정에서 너무나도 기초적인 개념이었지만 잘 몰랐던 마이그레이션 히스토리의 관리의 중요성 또한 배웠습니다.

 

가장 기억에 남는 부분은 장고에서 숙소 필터링을 구현하는 부분이었습니다. 처음에는 필터링 부분을 if 구문 분기 처리와 Q 객체를 사용해 처리했던 것을 피드백을 받은 다음에는 filter 딕셔너리로 담는 방식으로 리팩토링했습니다. 그러나 이 방법을 온전하게 이해한 것은 아니라서 여전히 공부가 필요한 상황입니다. 또한 숙소 예약을 처리하며 dateitme 필드를 사용하는 방법에 대해서도 새롭게 학습할 수 있었습니다.

리팩토링 전
리팩토링 후

 

아쉬운 점은 프로젝트 전반적인 일정 관리와 소통입니다. 개별적으로 목표로 삼았던 부분들을 구현하는 것과는 별개로 하나의 프로젝트를 함께 완성해가기 위한 상호점검이 많이 부족했던 거 같습니다. 그렇게 흘러가다보니 일부 프론트 단과는 초기 통신이 너무나 늦어졌고, 역시나 프로젝트가 끝나갈 무렵에 이르러 발생한 에러를 처리하기 위해 새벽 늦게까지 코드를 고쳤습니다. 목표로 했던 기능은 모두 제공할 수 있었지만, ORM 최적화와 유닛 테스트까지는 진행하지 못한 것이 아쉽습니다.

반응형

'Project' 카테고리의 다른 글

#1 뷰티 커머스 웹사이트: 위솝  (0) 2022.02.14
  1. 프로젝트 개괄
  2. 활용 스택
  3. 프로젝트 소개
  4. 프로젝트 시연 영상
  5. 프로젝트 회고
'Project' 카테고리의 다른 글
  • #1 뷰티 커머스 웹사이트: 위솝
휘 Hwi
휘 Hwi
개발자 성장 로그
개발자 로그: 변화를 위한 공간개발자 성장 로그
  • 휘 Hwi
    개발자 로그: 변화를 위한 공간
    휘 Hwi
  • 전체
    오늘
    어제
    • 분류 전체보기 (61)
      • 101 (1)
      • Web | Internet (4)
      • HTML | CSS (4)
      • Python (9)
      • Django (20)
      • Javascript (0)
      • Node.js (0)
      • React (0)
      • React Native (0)
      • Database (1)
      • Git (1)
      • Terminal | Vim (1)
      • Auth | Security (4)
      • AWS (0)
      • Docker (0)
      • Kubernetest (1)
      • Deployment (1)
      • Project (2)
      • TIL (12)
  • 블로그 메뉴

    • 홈
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    깃 ssh
    HTTP
    깃 에러 해결
    깃
    요소 상대 크기
    JWT 인코딩
    함수
    장고 프로젝트
    깃 퍼블릭 키 등록
    파이썬
    html
    target="_blank"
    장고 URL
    배포
    장고 Views
    새 탭에서 열기
    탭내빙
    HTTP GET 요청
    TIL
    요소 크기 설정
    HTTP POST 요청
    JWT
    프로젝트 회고
    깃 오류
    정규 표현식
    JWT 디코딩
    파라미터
    css
    요소 절대 크기
    장고
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.0
휘 Hwi
#2 한 달 살기 숙박 웹사이트: 마이제주스테이
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.