• Next.js를 마무리하면서 마지막으로 Next.js 관련 알아두면 좋은 상식 몇 가지를 적어보았다.

1. console로 CSR인지, SSR인지 알아내는 방법

• 기본적으로 Next.js의 코드는 동형(isomorphic)이기 때문에 서버에서도 실행되고 클라이언트에서도 실행된다.

• CSR 메서드를 사용한 경우에는 브라우저 콘솔창에 정보가 출력되고, SSR 메서드를 Next.js를 시작시킨 터미널에서 정보가 출력된다.

2. fetch()

• fetch함수는 기본적으로 Web API의 내장함수이다. 따라서 서버측에서는 실행할 수 없는 함수이다. 따라서 클라이언트와 서버측 모두 api를 호출할 수 있는 axios를 사용하는 것을 추천한다.

참고문헌

• next.js 공식 문서 - https://nextjs.org/docs/getting-started
• [toy blog service] Next.js의 API와 json - https://mytutorials.tistory.com/353
• Next.js - 시작 - 1 - https://suk9.tistory.com/83
• 위코드 next.js - https://nextjs.org/docs/getting-started
• [Next.js] Next.js 시작하기- https://garve32.tistory.com/33?category=473361
• 서버 데이터를 속성으로 활용하기 - https://merrily-code.tistory.com/53
• SSR 개념 이해와 Next.js로 실습까지 해보는 SSR 환경 구축하기 - https://velog.io/@jeff0720/Next.js-개념-이해-부터-실습까지-해보는-SSR-환경-구축