[next.js] 블로그 앱 만들기 4강

 

🐶 에러페이지

500error는 production에서 확인해야함

개발모드에서는 서버에러가 나면 로그를 보여줌 (어디서 에러가 났는지) 

production으로 띄우기 위해서는 build 하고 npm start 하면 build된 파일들 사용해서 뜨게 됨 

 

🐱 환경변수

- 환경에 따라 변할 수 있는 값들 분기 처리 가능

- development 환경과 production 환경에서 다른 리스트가 보여야 할 때 사용

- node.js 환경과 browser 환경에서의 사용법 다름 / node.js - process.env.변수명 / browser - process.env.NEXT_PUBLIC_변수명

 

 

pages/_error.js (언더스코어 error.js 라고 부름) [500에러페이지 만들어주려고 만듬]

- 정적으로 최적화되어 있지는 않음 

pages/404.js

pages/index.js

13-17번째 줄 수정

.env.development

.env.production

 

🐭 실행화면 

[id].js 화면에서 DEVELOPMENT 화면이라고 명시된것을 볼 수 있음

---

🙉 우여곡절

- 아래화면 뿐만 아니라 dior 상품 페이지도 떠야 하는데 뜨지 않음 

- [id].js 화면에서 development화면 뿐만 아니라 production 화면도 떠야되는데 안뜸