세상 버그 다 겪는 월야

1. 테스트 배경로컬 Docker 환경에서 Next.js API(Route Handler) 를 사용해외부에서 호출 가능한 POST API를 개발 중에 있었고 다음과 같은 특징을 지님Next.js App Router 기반 (route.ts)POST 요청에서 JSON body 수신API Key 인증Slack Webhook 처리 로직Docker Compose로 로컬 환경 구성그런데 이상한 문제가 발생했다.2. 문제 상황 요약❌ Postman에서 호출 시같은 URL같은 JSON payload같은 Header (Content-Type: application/json)body(raw data)가 있으면 무조건 400 Bad Request - 이미지 1 첨부body 없이 POST 하면 정상 응답 - 이미지 2 첨부(..

HTML5, CSS 단이었다면 되게 간단히 생각했을법도 한데 괜히 Next.js 가 엮여있어서 생각이 안났다는 핑계를 대본다 .. 여튼 포트폴리오를 만들고 있는데 굳이 DB 까지 연동할 필요는 없을것 같아서 그냥 component 각 폴더에 ___data.tsx 형식으로 데이터를 다 넣어줘서 불러오는 식으로 꾸며주고있다. #/component/Project/projectData.tsx import { Project } from "@/types/project"; const projectData: Project[] = [ { id: 1, title: "뱀팔이", paragraph: `국내 희귀애완동물 샵 및 병원을 한곳에서 볼 수 있는 뱀팔이 웹 사이트 제작 한칸띄어쓰기를 어떻게 넣을수 있을까? 왜 안될까?..

Next.js 에서 middleware.ts 파일을 추가하였는데 아래와 같은 에러가 발생 Module parse failed: Identifier 'NextResponse' has already been declared 위치는 그냥 / 에 넣어둠 api 폴더에도 넣어보고 별의별 난리를 다 쳐봤으나 절대 안됌 chatGPT 에 물어봐도 자꾸 api 폴더에 넣으라는 뚱딴지 같은 소리만 하고있음 결론은 Next 버전 다운그레이드 하고 해결. 1. node_modules 폴더 삭제 2. package.json 에 있는 next 13.4.3 으로 변경 (기존에 13.4.4 였음) 3. 다시 npm install 이렇게 하니 정상적으로 잘 작동 되는것 확인하였다.