Web/nextjs (3) 썸네일형 리스트형 [nextjs] script에서 포트 변경 package.json 파일의 script에 "next -p 3060"으로 정의하면 3000인 포트를 3060으로 바꿔서 사용 가능하다 [nextjs] Nextjs에서 Redux 사용 Next.js에서 Redux사용하기 (Redux wrapper) (1/2) (velog.io) Next.js에서 Redux사용하기 (Redux wrapper) (1/2) 컴포넌트에서 공통적으로 쓰이는 데이타가 흩어져있기 때문에 부모 컴포넌트에서 데이타를 받아서 자식 컴포넌트에게 각각 보내줘야한다컴포넌트끼리 데이타를 전달하는 과정도 매우 복잡하 velog.io [nextjs] 기본 규칙 - next는 프론트엔드 서버이다 - next에서 구상하는 page는 pages 폴더에 만들어야 한다, page에 만들 파일들을 파일명에 대하여 endpoint 생기고 자동으로 next에서 code splitting을 해준다 - 폴더를 만들고 그 안에 파일을 만들면 주소 구성을 자동으로 해준다. pages안에 "./first/second.js"로 만들었을 경우 endpoint는 domain/first/second가 된다 - 페이지 이동 시 a 태그가 아닌 Link 태그로 a 태그를 감싸고 Link 태그에 href 속성을 적용하여 endpoint를 적어줘야 함 - 프론트서버와 백엔드서버의 주소가 다르기 때문에 cors 설정을 해줘야 데이터를 주고 받을 수 있다 - _app.js는 모든 페이지의 공통적인 부.. 이전 1 다음