프로젝트 주제: 공간 대여 예약 플랫폼
프로젝트명: TWOGATHER(투게더)
제작 기간: 22.07.04 ~ 22.07.24 (3주)
기술 스택
프론트엔드: React, JavaScript, Styled-components, Axios
백엔드: TypeScript, Nest, MySQL, typeORM, enkins, AWS EC2, S3(lambda)
기타 협업 도구 : Swagger, Postman, Slack
팀 구성: 프론트엔드(4명) + 백엔드(2명)
구현 기능
① 회원가입, 로그인, 로그아웃
• 카카오 소셜 회원가입 및 로그인
• 로그인 시 유저 권한에 따라 페이지 접근
• 비밀번호 분실 시, 가입한 이메일로 임시 비밀번호 발송
② 마이페이지
• 내 정보 수정 및 프로필 사진 등록
• 내 예약 내역
• 내가 작성한 리뷰 및 Q&A 목록
③ 공간 조회
• 지역, 공간유형, 공간명, 해시태그 등 키워드로 공간 검색
• 등록순, 가격순 등 공간 조회 필터링
④ 공간 예약
• 공간 이미지 슬라이드
• 공간 설명 및 지도
• 날짜별 예약 불가능한 시간대 필터링
• 시간대별 룸 예약
⑤ 공간 호스팅
• 호스트 등록
• 공간/룸 등록 및 수정, 삭제
• 내 공간 예약 내역 관리
• 내 공간 리뷰 및 Q&A 관리
⑥ 관리자
• 유저 관리
• 전체 예약 내역 관리
• 공지사항
담당 포지션 및 업무: 프론트엔드 - 공간 상세, 공간 예약, 호스트/어드민 예약관리, 호스트 Q&A 관리
결과물 살짝
리액트를 처음 배우고 첫 프로젝트였기 때문에 시작할 때 걱정이 컸다. 나와 마찬가지로 다른 프론트엔드 팀원들도 리액트가 처음인 상황이었다. 그래서 첫 회의때 다른 새로운 기술을 도입하기 보다는 리액트에 집중해서 개발하는 게 어떻겠냐고 제안했고, 팀원분들도 모두 좋다고 해주셔서 리액트로만 개발하게 되었다. 덕분에 프로젝트를 진행하면서 리액트를 제대로 적용시켜볼 수 있었고, 역시 직접 해보니 더욱 이해가 잘 되었다.
이번 프로젝트는 저번 프로젝트보다 개발 기간이 1주가 더 길었지만, 기획부터 우리가 다 해야했기 때문에 사실상 주어진 시간이 많지 않았다. 그래서 첫 주차부터 새벽까지 코딩을 하면서 정말 바쁜 3주를 보냈다. 잠도 잘 못 자는 상태에서 하루종일 코딩을 하다보니 팀원들이 예민해져서 서로 날카로워지기도 했었다. 좋지 않은 상황에서도 팀원들 모두 다 열심히 해주었고 마지막날까지 밤샌 끝에 완성할 수 있었다.
이번 프로젝트를 하면서 저번 프로젝트에 비해서 내 개발 실력이 많이 늘었다는 것을 느낄 수 있었다. 속도도 내가 가장 빠르다보니 다른 팀원들을 더 많이 도와줄 수 있었다. 뭔가 문제가 생겼을 때 같이 코드를 보면서 해결하는 등 팀원들을 도와주는 상황이 많았었다. 물론 나도 난관에 봉착했을 때 다른 팀원들에게 도움을 얻을 수 있었다. 서로서로 도와가면서 개발하는 분위기가 정말 좋았던 것 같다. 팀에 도움이 될 수 있는 사람이어서 행복했다.