0252 · FE7월 26일
[Next.js] CSR과 SSR — Next.js에서의 개념과 실제 사용 방법
Next.js는 React 기반 프레임워크로, CSR(Client Side Rendering)과 SSR(Server Side Rendering)을 모두 지원한다. 단순히 개념만 아는 게 아니라, Next.js에서는 이걸 어떻게 구현하는지가 핵심이다.…
FE · 웹개발 · 프론트엔드
#SSR
9월 0장 · 통산 515장
- 0251 · FE7월 26일[Next.js] Next.js에서 Hydration 에러가 발생한 이유와 해결 과정문제 상황 Next.js에서 모바일 햄버거 메뉴를 만들던 중 아래와 같은 에러가 발생했다. Error: Hydration failed because the server rendered HTML didn't match the client. 처음에는 단…FE · 웹개발 · 프론트엔드
- 0143 · FE4월 16일[Next.js] React는 왜 SEO에 약할까? Next.js가 해답이다“웹사이트를 만들었는데 아무도 안 온다…?”“구글에 검색해도 내 사이트가 안 나온다…?”이럴 땐 코드보다 먼저 SEO를 의심해야 한다. SEO란 무엇인가? SEO는 Search Engine Optimization, 즉 검색엔진 최적화를 의미한다. 말…FE · 웹개발 · 프론트엔드
- 0142 · FE4월 16일[Next.js] React만 쓰던 내가 Next.js 튜토리얼에서 놀란 이유“React만으로도 충분한데, 굳이 Next.js를 배워야 할까?” 23년도 가을부터 React를 접하면서 웹개발을 해왔던 필자에게는 Next.js, Vue.js 등을 접해야 할 필요성을 못 느끼고 있었다. 그러다 최근 Next.js + TS 개발이…FE · 웹개발 · 프론트엔드