운좋개

🟡 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. Vercel이란? vercel은 Next.js에서 공식적으로 제공하는 호스팅 사이트입니다. Next.js에 최적화되어 있다 보니 이번에 만든 포트폴리오 사이트를 vercel을 통해서 배포해보겠습니다. 🟡 2. 배포하기 🟣 2.1 deploy 추가하기 "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint", "vercel-deploy": "next build && next export" } 배포하고자 하는 프로젝트의 package.json파일에 script부분을 위와 같이 변경해줍니다. 보통은 vercel-deploy만 추가해주면 됩니다. 🟣 2.2 Git에 Push 하기 기존에..

🟡 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..