[B4] CONNECTED ver.1 - KPT 팀 회고

CONNECTED

✅ 개요

 

여행자와 가이드를 연결하는 여행 플랫폼 CONNECTED

 

가이드는 자랑하고 싶은 여행지와 지역 여행 팁을 여행자에게 제공해주어 직접 짠 여행 일정과 다양한 프로그램을 제시할 수 있습니다. 여행자는 길이 정해져 있는 예전의 단체 투어 패키지가 아닌 자신들만의 자유로운 여행 계획을 세울 수 있고, 시간과 노력을 절약할 수 있습니다. 또, 가이드 여행 이후 리뷰 작성과 자유 여행을 다녀온 후 본인의 여행기를 공유할 수 있는 커뮤니티 공간이 있어 여행의 질을 향상시킬 수 있습니다.

 

 

1️⃣ 가이드로 가입하여 본인이 계획한 투어 상품을 등록하면

2️⃣ 여행자는 상품을 서치하고 원하는 투어 상품을 선택, 결제하고,

3️⃣ 가이드의 여행 일정대로 여행을 다닐 수 있음.

 

 

✅ 관련 자료

• 깃허브 : https://github.com/teawan-Noh/connected-sparta-python
• 시연 영상 : https://youtu.be/c387pornMYg
• S.A. 노션 :  https://fair-cheetah-80d.notion.site/CONNECTED-ver-1-S-A-aaadb35362a0449c915e184dc231a27e
• KPT 회고 노션 : https://fair-cheetah-80d.notion.site/CONNECTED-ver-1-KPT-62f6e6339cc34b4fb0a7409bdb6b33e4

✅ 구현 내용

• ✨ 공통 - (회원가입, 로그인 페이지 제외)
• [x] 헤더 - 사이트 이름, 검색 (지역 및 일정 검색 가능), [회원가입, 로그인] → 로그아웃, 마이페이지
• [x] 네비 - 가이드 상품, 커뮤니티
• ✨ 메인 페이지
• [ ] 가이드 상품 중 추천 상품(조회수 순 10개, 최신 순 10개) 또는 지역에 따른 상품 정렬 >>더보기 누르면 상품 페이지 이동
• ✨ 회원가입/로그인페이지 (소셜 로그인 포함)
• [ ] 가이드 가입 - 이름, 이메일 (이메일 중복 및 본인 인증), 비밀번호(비밀번호 확인), 주소, 휴대전화 인증 (인증번호)
• [ ] 사용자 가입 - 이름, 이메일 (이메일 중복 및 본인 인증), 비밀번호(비밀번호 확인), 주소, 휴대전화 인증 (인증번호)
• [x] 소셜 로그인 - 카카오
• ✨ 상품 조회 페이지
• [ ] 최근 등록 순, 조회순, 별점순(댓글 등록 별점 평균) 상품 정렬
• [ ] 상품 카드 - 대표 사진, 제목, 지역, 일정, 조회수, 즐겨찾기 버튼
• [x] 가이드 로그인 시 - 상품 등록 버튼
• ✨ 상품 상세 페이지
• [x] 상품 상세 데이터 호출 (제목, 가이드 내용, 일정, 가격, 지역(지도 API), 조회수)
• [x] 간단 후기(댓글)
• [ ] 후기 점수 (별점) → 별점 순으로 정렬
• [x] 가이드 로그인 시 - 본인 상품일 경우 - 상세 페이지 수정 버튼
• ✨ 가이드 프로필 페이지 (=가이드 로그인 시 마이페이지) (가이드 프로필 사진 클릭 시)
• [x] 개인정보 수정
• [x] 상품 등록 버튼
• [ ] 내 상품 목록
• ✨ 사용자 프로필 페이지 (=사용자 로그인 시 마이페이지)
• [x] 개인정보 수정
• [ ] 장바구니(상품) 내역
• [ ] 나의 즐겨찾기
• [x] 내가 쓴 댓글

 

• 🔎 보류
  • [ ] 커뮤니티 페이지 (게시물 등록, 조회, 정렬) 및 커뮤니티 연결 부분
  • [ ] 결제 페이지 (결제 API, 결제 방법 선택, 결제자 정보, 결제 정보, 메일링)
  • [ ] 페이징
  • [ ] 커뮤니티 추천 후기 정렬, 또는 해시태그 별 후기 정렬 > 더보기 누르면 커뮤니티 페이지 이동
  • [ ] 상품 삭제 버튼 (결제한 사용자가 없을 경우)
  • ✨ 결제 페이지
  • [ ] 결제 방법 선택 / 결제자 정보(주소, 이메일, 번호) / 결제 정보 / 결제 완료 시 메일링이나 문자 발송 ?
  • ✨ 커뮤니티 페이지 (후기 또는 일반 여행기)
  • [ ] 여행기를 작성할 수 있는 페이지, 내가 이용한 상품 또는 여행지 정보, 후기, 댓글(대댓글), 여행지 정보
  • [ ] (추가) 해시테그 검색, 지도 연동(검색)
  • [ ] 상품을 굳이 사용하지 않아도 본인의 여행기를 작성할 수 있도록!

 

✅ 피드백

김동현 튜터님

• try except문 신경쓰기페이지를 불러올 때 스타일이 다른데 그럴 때에는 하나로 되어 있는 연결된 태그를 만들어서 스타일에 넣어야 나중에 활용하실 떄 중복되지 않게 코드를 정리하실 수 있다백엔드 파일 경우에도 어플리케이션 파일에 다 넣었는데 그것을 나중에는 기능이 복잡해지니까 기능별로 구분하자
• 최대한 코드 효율성을 높이는 방법을 고민하자
• 프론트 쪽에서 스타일 안에서 css를 쭉 넣어서 관리를 하셨는데 따로 넣는 방법보다는 기본 파일에 넣는 방법을 추천
• 너무 예쁘게 페이지도 만들고 잘 하셨음. 기능도 구현해서 페이지 잘 만드신 것 같다

장형철 튜터님

• 하나의 파일로 네 명이서 작업하다 보니 힘들었을 것 같다다음 프로젝트 때에는 기능 나누며 코드들도 충돌하지 않고 모듈화 시키는 것 챙기기
• 이 부분을 나누어서 진행하면 더 편하게 진행할 수 있었을 것
• 어플리케이션 서버 백엔드 코드가 파일이 하나라 깃으로 하면 충돌이 장난 아니었을텐데 어떻게 버티셨는지 궁금

박서림 튜터님

• 프로젝트 할 때에는 기술문서를 좀 더 활용하면 좋을 것 같다
• 항상 팀끼리 얘기 잘 해나가면서 하는 모습 보는데 다음에 디벨롭 될 수 있도록 문서를 활용하도록 하면 좋을 것 같다.
• 관리자 페이지까지 기획에 넣었다는 것 자체가 서비스 이해도가 한층 넓어진 것 같아 인상적임

 

✅ Keep 

• 서로 도움을 요청했을 때 해결방법을 안다면 스스로 알아낼 수 있게 도와주고 모르더라도 적극적으로 같이 고민해준다.
• 깃을 이용한 지속적인 동기화

 

✅ Problem 

• 표현할 페이지가 너무 많아서 프론트 구성에 시간을 너무 많이 투자했습니다.
• 함수들을 파일 하나로 작업 → 충돌이 많이 일어남
• css 파일 하나로 통일 시켜야함
• 팀원간의 소통, 요구사항 파악을 명확히 할 필요가 있음.
• 자신이 구현한 코드의 흐름, 로직 파악이 필요함. - 에러 해결하는 과정에서의 이해도 향상
• 기능 구현의 여부 및 일정 관리 필요
• 요구사항 정리 필요
• 장형철 튜터님의 피드백에 대한 답변 : 파일 분류 및 분리가 되지않아 깃 충돌
• 깃 충돌로 인한 해결을 위한 시간 소모가 큼

 

✅ Try 

• 프로젝트 설계 시 와이어프레임 짜는 것도 고민을 해서 화면 구성을 확실히 잡아두고 개발을 시작하면 좋겠습니다. → 전체적으로 설계 탄탄히!
• (민경) 지난 타임어택 구현테스트 직접 CRUD 복습하고, 코드 흐름 정확히 학습해오기
• 모듈화로 코드 활용도를 높이는 방법 고민하기 - 중요
• 내가 구현해야 했는데 못한 기능들 다른 팀의 깃 클론해와서 분해 조립 하기.
• 팀의 진행방향 설계부터 산출물 관리까지의 방향성을 잡을 필요가 있다.

 

✅ Feel 

김민경 😊

• 프로젝트 하는 동안 개발자들이 정말 많이 겪는 ‘이게 왜 안되지?’, ‘이게 왜 되지?’를 계속 반복했는데 다른 부분 하다가 다시 돌아와서 내가 작성한 코드 흐름을 보면 잘 머리가 새하얘지니까 화났다가 좌절했다가 울고싶은 감정을 여러번 겪어서 1차 프로젝트는 좀 힘들었다. 내가 복습이 부족한 거니까 시간을 쪼개서 웹 프로그래밍 기초를 탄탄히 다지고 태완님처럼 코드 한줄 한줄 읽어보고 이해하고 넘어가는 습관을 계속해서 기르자. 그래도 혼자 이론 공부 하는 것보다 프로젝트를 통해서 직접 구현해보면서 더 많은 지식을 습득했고, 함께 팀원들이 있어서 포기하지 않고 해낼 수 있었다. 또 개인적으로는 팀 프로젝트 과정에서 내가 분명히 이해했다고 생각하고 작성한 코드를 설명을 못해 소통이 어려움이 있었는데 지난 타임어택 구현테스트 직접 CRUD 복습하고, 코드 흐름 정확히 학습해서 지금까지 캠프에서 학습한 것에 있어서 전체적인 흐름을 잡아줄 필요가 있다. 

 

노태완 😊

• 배포 환경 설정의 중요성에 대해 다시 한번 체험하게 된 프로잭트가 아니었나 생각한다. 배포의 기본인 버전 및 경로 설정의 문제를 인식하고 해결해 나가는 과정에서 많은 것을 배울 수 있었다. 다른 팀들의 프로잭트를 보고 많은 것들을 배울 수 있겠다라는 생각을 하였고 다른 팀들의 깃허브를 클론해와 코드를 분석해보고 배워야할 코드들은 분해 조립 과정을 해볼 예정이다. 다음주부터 스프링 강의가 열린다. 이제 진짜 실전준비를 해야할 떄가 됬다고 생각한다. 제출전까지 밤새서 개발하느냐고 다들 너무 고생하셨습니다. 

 

이승현😊

• 프로젝트를 시작하기 전에 자신감을 가졌던 때와 다르게 계획을 하고 각자 맡은 부분을 구현해보기로 하고는 각자 흩어졌을 때 내가 부족하다는 점을 많이 배웟던 것 같다. 이번 강의를 통해서 배웠던 거라면 아무래도 사고의 논리성이다. 문법에 대한 이야기보다 여기서 어떤 기능이 사용되었고 그 기능을 실행하기 위해 다른 파일이나 폴더로 이동하는 것들과 같은 논리성이 기초로 있어야 나중에 더 잘 응용할 수 있다고 생각했다. 물론 ajax api 이러한 지식들에 대한 지식도 늘었지만 논리적인 생각을 하는 방법을 갖추게 된 것이 가장 마음에 들었던 점이라고 할 수 있겠다.

 

최재연 😊

• 강의 내용 복습을 꾸준히 안했다 보니 기억이 안나서 정말 쉬운 문제도 강의에서 제대로 찾지 못하고 팀원들에게 물어봐 시간을 많이 잡아먹어서 팀프로젝트 시간이 부족했던거 같다. 아직 새로운 코드를 보면 이해가 안되고 멘붕이 와서 힘들다. 그래도 내가 복습을 덜해서 경험이 부족해서 이러한 현상이 이러나는것이기 때문에 좀 더 열심히 복습하고 공부를 해야겠다. 어려운 프로젝트였지만 배웠던 내용들을 다시 한 번 복습하고 처음 보는 에러코드들을 풀어나가면서 새로운 것들을 배웠다.