NextJS 2

[Next.js] 렌더링 된 화면에서 줄바꿈이 되지않을때 ~!

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

IT/React.js 2023.10.18

[Next.js] middleware.ts 추가시 에러났을때 해결 방법

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 이렇게 하니 정상적으로 잘 작동 되는것 확인하였다.

IT/React.js 2023.06.01
1
300x250