2023년 05월 10일

🛌

📚 오늘 도전하고, 배운 것

[[Next.js]]에서 서버 사이드 렌더링

Next.js가 React 기반인 프레임워크라 했는데 서버 사이드 렌더링이 가능하다고 배웠다. 처음 든 생각은 '무슨 수로 서버 사이드 렌더링을 하는거지?' 였다. 왜냐하면 React를 사용할 때 useEffect로 데이터를 불러오니, 처음에 html에는 fetch된 데이터가 없기 때문이다. 오늘 알게된 것은 이를 해결하기 위한 기능이 Next.js에 있다는 것이다.

pre-rendering이라는 용어가 나왔다. ssg는 애플리케이션을 빌드하는 시점에 미리 렌더링되는 것. ssr은 요청이 있을 때 페이지를 만드는 것.

그리고 파일 기반 라우팅(pages router)말고 App Router도 알게되었다. 차이점이 상당히 많았다. 학습하면서 pages router를 사용했는데 공식 문서를 보니 쉽게 migration이 가능해보였다.

문제가 된 부분은 Node.js를 사용하다보니 Node version 때문에 막힌 부분이 있었다.
TypeError [ERR_INVALID_THIS]: Value of "this" must be of type EventTarget 라는 오류가 나타났는데 v16를 v18 이상으로 바꾸니 잘 작동했다.

🤔 학습하면서 궁금하거나 어려웠던 점

🌅 내일은 무엇을?

• 스터디 준비

✒️ log

• 새 침대가 왔다. 빨리 자고 싶다. 개운할 것 같은 느낌
• 처음으로 도서관 상호대차 서비스를 이용해봤다. 진작에 알았더라면 좋았을텐데. 그래도 지금이라도 알아서 다행이다.