운좋개

🟡 1. Sentry이란? - 센트리 더 알아보기 🟡 2. Replay 기능 넣기 ... replaysOnErrorSampleRate: 1.0, replaysSessionSampleRate: 0.1, integrations: [ new Sentry.Replay({ maskAllText: false, blockAllMedia: false, }), ], }) 위 코드를 sentry.client.ts 파일에 위 코드 추가하기. 🟡 3. Replay 확인하기 센트리 사이트에 들어가서 확인해보면, 정상적으로 리플레이가 잘 저장된 것을 볼 수 있습니다. 다만, 리플레이의 기본 생명주기는 앱이 꺼지거나, 백그라운드로 갔을 때 끊어집니다. 그래서 키오스크와 같이 24시간 켜놓는 어플리케이션일 경우 리플레이가 계속 녹화..

🟡 1. Sentry이란? Sentry는 소프트웨어 버그 및 에러 추적을 위한 오픈 소스 오류 모니터링 도구입니다. 개발자들이 실시간으로 애플리케이션에서 발생한 버그, 예외, 크래시 등을 모니터링하고 이를 추적하여 디버깅할 수 있게 해줍니다. Sentry는 웹 애플리케이션, 모바일 앱 및 다양한 플랫폼에서 사용할 수 있습니다. 🟡 2. Next.js 프로젝트에 Sentry 도입하기. 🟣 2.1 Senty 웹사이트에서 프로젝트 만들기. 회원가입 및 로그인 -> Project탭 -> 우측 상단에 Create Project 버튼 Next.js 클릭 -> Project name은 자신의 next.js 프로젝트 이름 입력(같지 않아도 됨) -> 활성화된 Create Project 클릭 🟣 2.2 Next.js 프..

🟡 1. next js 시작 전 세팅 🟣 Node.js 버전 10.13 이상 설치 Node.js 설치 후 설치가 정상적으로 되었는지 확인하기 위해서 터미널을 여신 후 'node -v'를 입력하여 확인. //노드 버전 확인 node -v 🟣 npm 혹은 yarn npm (Node Package manager)은 노드 설치 시 자동적으로 같이 설치가 됩니다. // npm 버전 확인 npm -v 터미널에서 'npm -v'를 입력하면 설치 버전이 나옵니다. yarn은 페이스북에서 만든 자바스크립트 패키지 매니저입니다. npm과 기능은 동일하고, 페이스북 측에서 npm보다 보안이 뛰어나고 성능이 빠르다고 주장은 하고 있습니다 ㅎㅎ.. (사실 npm, yarn 둘 다 좋습니다.) yarn 설치 방법은 터미널에서 n..