Next.js (3) 썸네일형 리스트형 [Next.js] 13.4.16에서 api 처리 시 겪은 에러 핸들링 Next.js 12버전을 사용해오다가, 대규모 업데이트가 된 지금 12를 계속 사용하는 것에는 문제가 있다고 판단하여 새로운 프로젝트에서는 13버전을 사용하기로 결정. 아래는 api를 적용하면서 겪었던 문제를 해결한 방법이다. 어떤 유튜브 동영상에는 root > pages > api 폴더를 생성하고 파일이름도 route로 하지 않아도 api 자체를 만들 수 있었지만 최신 버전에서는 유효하지 않다. 우선 app > api > 설정 directory name > route.js 혹은 route.ts 안에 GET, POST, PUT 과 같이 METHOD 별로 함수이름을 정해야지만 서버 개발이 가능 함수 이름을 아무렇게나 해도 작동했었던 것과 달라서 기초적인 것이었지만 찾는데 오래걸렸음 front 단에서 pos.. Next.js에서 api get, post 요청을 터미널에서 하는 법 프론트쪽 개발이 아직 되어있지 않을 때 확인하는 또 다른 방법을 기록한다. 물론 get 요청의 경우 http://localhost:3000/api/~~~로 접속을 하는 것 자체가 get이라 응답을 확인할 수 있다. 터미널에 아래와 같이 입력을하면 get요청이 실행된다. curl -v 'http://localhost:3000/api/~~~' post요청의 경우 아래와 같이 실행할 수 있다. curl -v -X POST 'http://localhost:3000/api/~~~~' -H 'Content-Type: text/plain; charset=utf-8' --data-binary @포스트요청할위치/파일이름.확장자 까먹지 말고 필요할 때 활용할 것 [MOV 프로젝트] 4월 29일 react-hook-form의 setValue 및 Next.js에서 shaderMaterial 적용하기 showrooms page react-hook-form의 setValue contact page에서 type이 file인 input의 value가 FileList인 것을 S3 버켓의 등록된 주소로 변경하기 위해 react-hook-form useForm hook의 setValue 함수를 사용함으로 변경된 것을 콘솔에서는 확인완료하였으나 submit 이후 api에서 req와 database에서는 확인이 불가한 상황, 디버깅 필요 해결방안 const onValid = async (validForm) => { await setValue('url', imageUrl) // 이 함수가 실행된 이후 console.log(watch())의 결과는 의도한 바대로 보여짐 console.log(validForm) // 하지만 여기서는 원래 그대로의.. 이전 1 다음
