유저 2-1 : Bonnie(팀장)

• 배경
  • 프론트앤드 개발 팀장
  • 프론트앤드 프로젝트를 진행하고 있으며, 프로젝트 관리를 담당하고 있다.
  • 팀에서 에러들을 체계적으로 관리할 여유가 없어서 잘 정리된 관리도구를 사용하고자 한다.
  • 바닐라 자바스크립트 & Webpack으로 구성된 프로젝트를 진행중이며, 이 프로젝트에 관련된 이슈를 관리하고자한다.
  • 로컬 시스템에서 npm을 사용하고 있다.
• action
  • 프로젝트 생성 관련
    • panopticon 페이지에 로그인 한다.
    • 프로젝트 생성 가이드에 따라서 프로젝트를 만든다.
    • 프로젝트 고유 DSN을 발급받는다.
    • Clide 에게 프로젝트 초대 링크를 메일 시스템을 통해 발송한다.
  • 이슈 관련
    • 에러가 분류된 Issue를 목록으로 확인한다.
    • Open된 이슈 체크, 오늘 발생한 이슈를 체크해서 해결이 필요한 이슈를 확인한다.
    • 이슈 별로 에러가 발생한 횟수와, 영향 받은 사용자 수를 확인해서 우선순위를 파악한다.
    • 팀원들에게 구두로 Issue를 해결할 것을 지시한다. (임시)

유저 2-2 : Clide (팀원)

• 배경

  • Bonnie 개발팀의 개발자 1
  • 개발의 실무를 담당하고 있으며, 본인이 제작중인 프로젝트에 관련된 이슈를 확인하고자 한다.

• action

  • 신규 프론트엔드 프로젝트에 참여하면서 팀장에게 Panopticon 초대 이메일을 받았다.
  • 이메일의 링크를 클릭하여 Panopticon 홈페이지로 접속하고, 프로젝트에 참가한다.
    • Panopticon 홈페이지 가입이 되어있지 않을 경우 회원가입을 진행한다.
  • 팀장 Bonnie에게 특정 이슈를 해결하라고 지시를 받았다.
  • 해결하려는 이슈에 관련된 정보를 확인하고자 한다.
    • 이슈 리스트에서 처리해야 할 이슈를 클릭한다.
    • 이슈 상세 페이지에서 이슈 정보와 최근 발생한 에러에 대한 메타정보를 확인한다.
    • 이슈 상세 페이지에서 에러 리스트탭을 클릭해서 이슈로 묶인 에러들의 리스트를 확인한다.
    • 이슈 상세 페이지에서 다음 에러, 이전 에러 버튼으로 다른 에러를 확인한다.
    • 에러에 대한 breadcrumbs를 확인한다. ( Console,log, Event Element )
  • 에러에 대한 정보를 이용해서 원인을 파악하고 소스코드를 수정한다.
  • 에러가 해결 후 이슈를 Close 한다.