image

Q. 협업 방법에 대해서 설명해주실래요?

1. 프로젝트 기획

  • 프로젝트 기획은 프론트엔드, 백엔드 모두 함께 회의를 통해서 진행했습니다.

2. 목업 제작

  • 카카오 오븐을 통해서 목업을 제작했습니다.

    • 메인페이지

      image

    • 차량 판매신청 페이지

      image

    • 차량 구매신청 페이지

      image

    • 차량 검색페이지

      image

    • 차량 상세정보 페이지

      image

3. 데이터 설계

  • 제작한 목업을 통해서 프론트엔드와 백엔드 개발자가 함께 회의를 통해서 Database를 설계했습니다.

    image

4. 효율적인 의사소통을 위해 Swagger사용

  • 개발한 RestAPI에 대해서 프론트엔드 개발자가 확인할 수 있도록 Swagger를 제작해서 협업에 사용했습니다.

    image

Q. Swagger를 어떻게 활용했나요?

  • 프론트엔드 개발자와 백엔드 개발자의 소통의 도구로 활용했습니다.
  • 프론트엔드개발자가 일일히 어떤 API에 어떤 파라메터가 들어가는지, 리턴해주는 값이 무엇인지 물어보는 것은 프론트, 백엔드 모두에게 비효율적인 일이라고 생각했습니다.
  • Swagger를 통해 프론트엔드개발자는 해당API에 대해서 바쁜 백엔드개발자에게 직접 물어보는 것이 아니라 Swagger를 보고 요청하는 값이 무엇인지 반환하는 값이 무엇인지 알 수 있습니다.

Q. 백엔드 개발자와 협업해보고 느낀 점은 무엇인가요?

  • 이전에 Swagger없이 백엔드개발자와 협업했을 때보다 확실히 효율이 좋았습니다.
  • Swagger는 사용했지만 기획단계에서 화면에 필요한 데이터에 대해서 깊게 고민하지 않고 넘어간 탓에 개발하는 과정에서 수정하는 부분이 너무 많았습니다.
  • 데이터 설계를 제대로 하지 않아서 발생한 이슈는 프론트엔드와 백엔드개발자 모두에게 영향을 끼쳤습니다.
  • 이번에는 목업을 제작해 Ui를 통해서 화면에 보여질 데이터에 대해서 설계를 했지만 이것이 정답은 아닌 것 같습니다. 상황에 따라서 DB설계를 어느정도 먼저한 후에 레이아웃을 작성할수도 있다고 생각합니다.