1. 독립적인, 협상 가능한, 작은, 테스트 가능한

   누가, 왜, 무엇을 해야하는지 문장형태로 만든다

에러 관리 시나리오

유저 1 : Jack

• 배경
  • 프론트앤드 개발자
  • 몇가지의 프론트앤드 프로젝트를 진행하고 있으며, 프로젝트에서 발생하는 에러를 확인 및 관리하고 싶다.
  • 혼자서 에러들을 체계적으로 관리할 여유가 없어서 잘 정리된 관리도구를 사용하고자 한다.
  • 바닐라 자바스크립트로 구성된 프로젝트를 진행중이며, 이 프로젝트에 관련된 이슈를 관리하고자한다.
  • 로컬 시스템에서 npm을 사용하고 있다.
• action

  • 진행중이던 프로젝트에 npm i pan-opt 명령어를 통해서 sdk를 설치한다.

  • npm 사이트에서 공식 가이드를 보고 튜토리얼 문서를 확인한다.

  • 모든 프로젝트에서 발생한 에러를 하나로 관리한다 (로그인 기능 X)

  • 가이드를 따라서, 프로젝트의 entry 포인트 코드 최상단에 설치한 sdk를 불러온다.

    import Panopticon from "pan-opt"
    
    Panoptiocon.init();
    

  • 사이트를 배포 및 운영한다.

  • 최근 배포한 기능의 정상작동 여부를 확인하기 위해서, 판 에 접속한다.

  • 지정된 도메인 주소로 접속한다.

  • 메인 화면에서 내 서비스의 에러 발생 리스트를 확인할 수 있다.

    • 에러는 아직 분류되어 있지는 않다.

  • 발생한 전체 에러의 빈도를 프로젝트 상단의 그래프로 확인한다.

  • 리스트 항목을 클릭하면 단일 에러에 대한 상세한 내용을 확인 할 수 있다.