boostcamp-2020/project11-a-web-fe-performance-monitoring-sdk

project11-a-web-fe-performance-monitoring-sdk's Issues

[Feature] : (Optional) Error level 설정

Summary

특정 에러의 위험도를 설정한다. 세팅에서 규정한 위험도보다 높을 때 메일이나 슬랙으로 알림을 보낸다.

Additional Context

• 에러 레벨 설정
• captureMessage: (error, level = 'default') 와 같은 Argument 형식을 고려한다.

[Feature] : unhandled rejection handling

Summary

unhandled rejection handling 기능 추가

Additional Context

catch 하지 않은 promise error 리포트 해줄 수 있도록 unhandled rejection handling 추가

[Feature] : captureError

Summary

에러가 발생했을 경우 해당 에러를 서버쪽으로 전송한다.

• 바닐라

• express

• react

Additional Context

try {
  aFunctionThatMightFail();
} catch (err) {
  Sentry.captureException(err);
}

// sentry-clone.js

let token; // <--

export default {
	...
	captureMessage: (error, level = 5) => {
		axios.post(
			'error 메세지 받는 URL', 
			{ error, level }, 
			{ header: `Bearer ${token}`}
		);
	}
}

• 위 함수는 예시로 작성 된 것이며, 추가적 수정이 필요하다.
• 에러메세지 내용을 서버로 전송한다.
• (Optional) 에러가 난곳의 코드를 'fs' 모듈을 통해 직접 읽어 보낸다.

[Feature] : captureMessage

Summary

로그를 따로 기록하는 함수

Additional Context

// ~ YourCode ex) 로그인 기능코드 ~ //
Sentry.captureMessage(`${user.nickname}님이 로그인 하였습니다.`);
// ~ YourCode ~ //

export default {
	...
	captureMessage: (message, type = 'default') => {
		if(!typeList.includes(type)){
			throw new Error("지정되지 않은 타입입니다.")
		}
		axios.post(
			'로그 메세지 받는 URL', 
			{ message, level }, 
			{ header: `Bearer ${token}`}
		);
	}
}

• 위 형식과 같이 기록하고 싶은 로그 중간에 삽입하는 형태의 함수이다.

[Feature] : 로그인 유저 정보 보내기

Summary

웹 페이지를 사용하는 유저에 대한 정보를 전송한다.

Additional Context

- [ ] 접속한 유저의 os와 버전 ( 쳐내기 )

• 접속한 유저의 ip address와 email

개발환경 설정

• ESLinkt
• Nodemon
• TypeScript
• Prettier

[Feature] : (Optional) Click event 수집

Summary

유저가 에러나 메세지를 보낼 때 까지 기록된 정보를 보낸다.

Additional Context

• History 수집

[Feature] : NPM 페이지 문서 만들기

Summary

5주차 해도 되지만, 우리도 이쁘게 로고도 넣고 사용법도 넣읍시다.

[Feature] : NPM 배포

Summary

NPM 배포에 관한 이슈

[Feature] : init

Summary

SDK 초기설정을 위한 함수

Additional Context

ProjectID, Public Key 등을 argument로 받으며, 기본 백엔드 주소 설정

[Bug] : 프로젝트 만들기가 동작하지 않습니다

안녕하세요. 재밌는 프로젝트 하셨네요~

다만 배포된 url에서 해보려고했는데 잘 안되네요. 한번 확인해주세요 :)

To Reproduce

프로젝트 만들기 - 입력 후 - 프로젝트 만들기 클릭

Expected behavior

프로젝트가 생성되야할 것 같은데, 현재 반응 없음

Screenshots

500 에러 발생

[Feature] : uncaught exception handling

Summary

uncaught exception handling 기능 추가

Additional Context

잡히지 않은 exception을 리포트 해줄 수 있는 uncaught exception 추가

Backlog Test

Summary

One paragraph description of the feature.

• 할일

• 할일2

[Feature] : (Optional) Request, Response 저장

Summary

req, res 정보를 저장하여 서버로 전송한다.

Additional Context

• req 수집 및 refind
  - [ ] res 수집 및 refind ( 쳐내짐 )