<aside> 🏁 최종 프로젝트 4~5주차에 가장 집중해주셔야 할 것은 “완성도 높이기”입니다. MVP에 추가 및 보완해야 할 기능과 우리의 서비스에 담긴, 인정 받을 수 있는 고민을 정리해주세요. 튜터님들과 함께 프로젝트를 높은 완성도로 마무리 할 수 있는 방향을 점검해 봅니다.

최종 발표에는 지금까지 진행했던 프로젝트 개발 과정을 엔지니어답게 설명할 수 있어야합니다. 아래 항목들을 바탕으로 기술적으로 더욱 매력적인 최종 발표를 준비해봅니다.

</aside>

• 지금까지 완성한 코드의 개선을 위한 트러블 슈팅에 대해 고민하신 후, 가장 적합하다고 생각하는 트러블 슈팅을 팀원 별로 한 가지 작성해 주세요!

  • 트러블 슈팅은 코드는 구현된 상태에서 ‘느린 것을 빠르게’ 와 같은 개선 시킨 경험을 말합니다.
  • 아직 잘 모르겠다면, 고민 중인 내용을 작성하거나 고민이 필요한 키워드를 튜터님과 논의합니다.
  • 팀원 개인별로 작성해주세요.
    • 드로우를 할때 상대방의 마우스에 제 마우스가 영향을 받습니다. 소켓으로 서로의 마우스가 눌러지점을 연결해서 선을 공유해야하는데 그렇게 공유하니 독립성이 깨져 서로의 선에 영향을 주고 있습니다. 독립성을 유지하면서 공유를 하는 방법을 고민하고 있습니다. 지금 적용하려는 방법은 각각의 선에 각자의 userId 를 담아서 독립성을 유지하는 방법입니다.

• 프로젝트에 새롭게 도입한 기술이 있다면 정리해 주세요! (도입 이유도 꼭 적어주세요!)

  • ex.
  • 라이브러리
  • Schema (mysql을 쓸 거라면 ERD까지)
  • API 컨벤션
  • 기능
    • Notification을 이용하여 메시지 알림설정

• 이번 주 한 일

  • 팀 전체 (리더님께서 필두로 정리해 주세요.)

    • 백엔드 프론트 연결 마무리. 프론트 디자인, 디버깅
    • https로 전환, admin 페이지

  • 팀원 개인별로 작성해 주세요.

    • 박예림: 퇴장시 알림, 전반적 프론트 디자인

• 우리 프로젝트에서 기술적으로 강점을 삼을 만할 항목을 정리해 주세요. (최종 발표 및 면접에서 프로젝트를 진행할 때 어떤 도전을 했는지 말할 수 있는 좋은 소스가 됩니다)

  • SocketIO
  • AWS EC2배포 nginx, let’s crypto로 https연결
  • mongoDB와 mysql 을 같이 사용하여 적합하게 데이터저장

• 프로젝트에 적용했던 핵심 기술 목록을 작성해 주시고, 각 기술을 도입하게된 의사결정 과정을 정리해주세요.

  • 모든 이야기를 요구사항/선택지/의사결정/근거로 준비하세요.
  • 여러분이 어필해야 하는 것은 내가 엔지니어로서 자질이 있다는 것입니다.
    • 엔지니어는 문제를 해결하는 사람입니다. 따라서 엔지니어는 우선 문제 정의를 정확하게 하는 것이 중요합니다.
  • 어떤 요구사항이 있었는지, 이 요구사항을 구현할 수 있는 어떤 선택지들이 있었는지, 이 선택지들 중에서 어떠한 이유와 근거로 어떤 선택지를 결정하였는지 라는 이야기가 반드시 준비되어야 합니다.

  요구사항	선택지	핵심 기술을 선택한 이유 및 근거
  안전한 유저 인증	jsonwebtoken	RESTful API에 적합하고 Stateless
  AWS CloudFront 배포	AWS EC2, Heroku, DigitalOcean	확장성과 안정성
  실시간 양방향 통신	Socket.io	이유: 실시간 웹 애플리케이션을 만들기 위한 라이브러리입니다. WebRTC와 함께 사용하여 더욱 실시간성을 높일 수 있습니다.
  웹 프레임워크(Web Framework)	Express, nest.js	이유: 팀원 모두가 Nest.js 에 익숙하지 못하고 지난 프로젝트에서 Nest.js 를 다뤄본 팀원이 없었다. 3주를 넘는 시간 동안 nest.js 를 공부해서 적용하기에 제대로 알고 있는 팀원이 없었고 시간적인 한계도 있어서 협의하에 익숙한 express 를 선택했다.
  Database	MongoDB, MySQL, PostgreSQL	MongoDB는 NoSQL의 유연성, MySQL은 관계형 데이터 필요성 때문
  효율적인 이미지 업로드와 저장	multer, cloudinary	AWS S3와의 호환성과 확장성
  웹에서 그림 그리기 기능	HTML5 Canvas, SVG, WebGL	픽셀 기반의 그림을 그릴 수 있어서 더 자유로움
  메모리	node cache, memory cache, …+a?

• 사용성 테스트를 진행했다면 해당 항목을 추가로 작성 해 주세요

  • 사용성 테스트 설문지의 링크와 결과, 결과를 토대로 반영해야 할 점을 작성 해 주세요

    • 튜터신청을 했을때 신청이 됐다는 arlt 표시
    • 좋아요 숫자 표시
    • 좀더 편한 채팅을 위해서 메세지를 보낼때 클릭을 하는 게 아니고 엔터 누르기
    • 카테고리별 세분화
    • 게시글 수정시 이미지 미리 삽입

  • 사용성 테스트를 기반으로, 무엇을 어떻게 개선하면 좋을지 우선순위 별로 기록 해 주세요

    우선순위	개선 및 추가사항	마감일자
    1	소켓이 연결된 여러 창을 띄울 시 인원이 많아지는 현상
    2	화상채팅 중 선이 중복되는 현상
    3	게시글 수정시 이미지를 넣지 않으면 이미지가 빠지는 현상
    4	메일주소, 생일형식 검증이 되지 않는 것
    5	튜터 리스트 띄우기
    6	url 정리
    7	채팅 엔터, 스크롤 다운
    8	튜터 중복 신청시 ‘이미 튜터 신청 했습니다’ 띄워주기
    9	좋아요 갯수 / 댓글 이름

• 이외에도 기술적인 방향을 잡기 위한 질문을 정리해오시면 가장 좋습니다!

  → 단, “A는 어떻게 구현하나요”의 질문은 삼가주세요.

  → “A와 B를 알아보았는데, 둘 중 A가 낫다고 판단했는데 맞을까요?”의 식의 고민의 흔적을 담아 질문해주세요.

  • 드로우 할 때 서로의 선에 영향을 주지 않기 위해 각자의 선에 userId 를 담으려고 합니다. 혹시 이것보다 더 효율적인 방법이 있을까요?

• 숙제: 멘토링 결과 다음 주까지 해올 일

  • 팀 전체 (리더와 부리더님께서 필두로 정리해 주세요.)

  • 팀원 개인별로 작성해 주세요.