YG - 96년생 , 강아지 있음, 개발자 희망

request.json의 값을 타입 지정하고 싶었습니다. 검색하여서 적용한 방법. (NextApiRequest를 확장하여 사용하는 방법) interface CategoryApiRequest extends NextApiRequest { body: { name: string; description?: string; }; } export async function POST(request: CategoryApiRequest) { const { name, description } = request.body; 비슷하게 생긴 NextRequest와 NextApiRequest 둘의 차이가 무엇인지 알아보려고 합니다. NextRequest Request는 NodeJs의 Request를 확장하여 만든 클래스였습니다. 그래..

NextJS 14 api route handler를 만들고 endpoint test를 한 과정을 기록했습니다. 0. 테스트 패키지 선정 먼저 NextJS를 테스트하기 위해 사용되는 패키지를 찾아보았습니다. 처음에 supertest가 제일 유명하고, gpt에게도 추천받아서 설치했습니다. chai-http vs mock-req-res vs node-mocks-http vs supertest | npm trends Comparing trends for chai-http 4.4.0 which has 349,053 weekly downloads and unknown number of GitHub stars vs. mock-req-res 1.2.1 which has 20,204 weekly downloads and..

구글 애널리스틱을 이용하여 사이트에 들어오는 방문자 수 및 각종 데이터를 확인하려고 합니다. Next.js에서 사용하는 방법을 기록하려 합니다. 시작하기! 1. 새로운 탭 만들기 이미 계정이 있으시다면 왼쪽 탭에서 관리를 눌러주시고 없으시다면 계정을 생성해 주세요. 속성 만들기를 누릅니다. 모든 설정을 마치고 만들기를 눌러주세요. 만들게 되면 이러한 화면이 나옵니다. 태그 안내 보기를 누릅니다. 이러한 스크립트가 나오는 곳까지 오시면 절반은 성공입니다! 2. Next.js 에서 _document 설정하기 document에서 script 설정을 해주어야 합니다. Next/Script를 이용하여 실행 순서를 설정해 줍니다. 둘 다 afterInteractive로 하여도 정상적으로 작동할 것입니다. 그리고. ..

문제점 . env에서 설정한 변수를 인식하지 못하거나 undefined로 나옴 . env에서 사용한 변수가 undefined일 때에는 next.config.js 에서 설정해주시면 잘 될 수 있습니다. 또한 next.js에서는 .env를 설정할 때 process.env.NEXT_PUBLIC_변수명으로 설정해주어야 합니다. 해결 방법 next.config.js의 내용을 수정하고 서버를 껏다 다시 키면 정상적으로 작동됩니다. next.config.js module.exports = { // 다른 코드들 // env 내용 추가 env: { BASE_URL: process.env.BASE_URL, }, };

이번에 작은 프로젝트를 하면서 광고를 넣으면 좋겠다고 생각해서 구글 애드센스를 넣다가 너무 많은 오류를 만나게 되어서 나중에 다시 보기 위해서 기록하게 되었습니다. 시작하기! 1. 사이트 등록하기 https://www.google.com/intl/ko_kr/adsense/start/ Google 애드센스 - 웹사이트에서 수익 창출하기 Google 애드센스의 웹사이트 수익 창출 기능을 사용하여 수익을 올려보세요. Google 애드센스에서 광고 크기를 자동으로 최적화하여 광고의 노출 및 클릭 가능성이 높아집니다. www.google.com 웹사이트를 연결하면 됩니다. 2. 사이트 연결하기 스크립트를 연결하면 됩니다. 이때 Next.js 에서는 _document를 이용합니다. _document import {..