# server component
server component, client component를 알고가자 !
Server side rendering이 핫해지며 서버 컴포넌트와 클라이언트 컴포넌트 개념을 자주 접하게 되었다 !나는 이런 개념들 정확히 아는걸 좋아하니까 정리해보자 \~\~~일반적으로 리액트에선 모든게 클라이언트 단에서 이루어진다. (CSR) next는 클라이언트
Next JS 13 revalidate
React 18버전의 Server Component 의 도입으로 인해, React 의 프레임워크인 NextJS 13 버전에도 도입되었습니다. // 이 부분은 엘리강의 초반에 나와있는데 설명 애매한것들 강의보고 다시 정리 React 18버전에서의 Server Compo
RSC(React Server Component)와 RHF(React Hook Form), Zod 소개
👋 인사 안녕하세요~ 고영이에요. 또 오랜만에 포스트를 쓰네요. 자주 써야하는데 블로그에 통 관심을 못가졌네요. 바쁘기도하고 그럴싸하게 쓸것들을 찾느라 시간이 훌쩍 지났어요. 오늘은 짧게 글을 작성해볼게요~ 오늘 소개할 것? RSC와 RHF, Zod를 소개할까해요.
Next.js / Next에는 2가지의 Component가 있다
next.js 는 컴포넌트 종류가 2개다 ✌🏻default로 server component로 설정이 되어있다.html에 자바스크립트 기능넣기 불가능 (ex - onClick, useState...)그래서 장점이, 로딩속도가 빠르고 / 검색엔진 노출이 유리그러므로, 큰
[Next.js] Server Component VS Client Component
[Next.js] Server Component와 Client Component 의 개념과 차이점에 대해 이를 활용한 개발 방법에 대해 공부해보자. ✍✍
Next) 서버 컴포넌트(React Server Component)에 대한 고찰
이번에 회사에서 신규 웹 프로젝트를 진행하기로 결정했는데, 정말 뜬금 없게도 앱 개발자인 내가 이 프로젝트를 리드하게 되었다. 사실 억지로 떠맡게 된 것은 아니고, 새로운 웹 기술 스택을 적용해보고 싶어서 적극 자원한 결과였다.Next12(11) - React Fram
[React] Server Component, 리액트 서버 컴포넌트 무엇이고 어떻게 활용할까
리액트 서버 컴포넌트 리액트 서버 컴포넌트를 기본적으로 지원하는 Next13이 출시되면서 서버 컴포넌트에 대해 관심이 높아지고 있습니다. 서버 컴포넌트는 무엇이고 어떤 문제를 해결할 수 있는지 그리고 그 기능은 무엇이 있는지 알아보겠습니다. 리액트 서버 컴포넌트란
[번역] Next.js 13과 리액트 서버 컴포넌트로 블로그 구축하기
원문 : https://maxleiter.com/blog/build-a-blog-with-nextjs-13
Server/ClientComponent
Next.js 13 version의 렌더링 방식 v12에서 '페이지' 단위로 렌더링 방식을 규정했다면 v13부터는 server component, client component의 개념을 도입하여 '컴포넌트' 단위로 렌더링 방식을 규정함 🗄 Server compone
ssr와 server component의 차이점 조사
클라이언트 JS 앱의 SSR은 환상입니다. 서버에서 JS를 HTML로 렌더링합니다. 이 HTML을 클라이언트에 제공하여 빠르게 시작되는 것 처럼 보입니다. 하지만 실제로 유저가 실제로 상호작용을 하기 위해서, 즉 하이드레이션이 되야지만(hydration) 당신의 JS가