https://gist.github.com/pocojang/af4211355f72ea6f3fc306fe4580566f
대규모 언어 모델의 등장(LLM) GPT의 등장!!
빠르게 성장하는 Vercel
RSC에 더해 더욱 진보된 렌더링 기법 등장 ISR, Streaming SSR
초고속 자바스크립트 프레임워크 Qwik
tRPC, Zod 열풍
TC39 JS 타입구문 Stage1
Svelte의 TS 걷어내기
Recoil 의 독자적인 행보 폭풍성장하는 Pmndrs
상태관리 사용 방법의 진화
tRPC, Zod
tRPC와 Zod는 모두 개발과 관련된 도구 및 라이브러리입니다.
tRPC
tRPC는 TypeScript를 위한 서버 사이드 RPC (Remote Procedure Call) 프레임워크입니다. tRPC를 사용하면 클라이언트와 서버 간의 통신을 간편하게 구현할 수 있습니다. tRPC는 Strongly Typed API를 지원하여 TypeScript의 정적 타입 검사를 활용하여 API 요청 및 응답을 타입 안전하게 처리할 수 있습니다. tRPC는 간편한 라우팅, 데이터 유효성 검사, 인증 및 권한 관리 등을 제공하여 개발자가 효율적으로 RPC 기능을 구축할 수 있도록 도와줍니다.
Zod
Zod는 TypeScript를 위한 데이터 유효성 검사 라이브러리입니다. Zod를 사용하면 데이터의 유효성을 간단하고 명확하게 검증할 수 있습니다. Zod는 스키마 기반의 검증을 지원하며, TypeScript의 정적 타입 시스템과 통합하여 타입 안전성을 제공합니다. Zod를 사용하면 문자열, 숫자, 객체, 배열 등 다양한 데이터 유형의 유효성을 검증하고 커스텀 검증 규칙을 정의할 수 있습니다. 또한, Zod는 데이터 변환 및 직렬화와 같은 기능도 제공하여 데이터 처리를 간편하게 할 수 있습니다.
요약하자면, tRPC는 TypeScript를 위한 서버 사이드 RPC 프레임워크이고, Zod는 TypeScript를 위한 데이터 유효성 검사 라이브러리입니다. 두 도구 모두 TypeScript 개발을 보다 안전하고 효율적으로 진행할 수 있도록 도와줍니다.
ISR, Streaming SSR
ISR (Incremental Static Regeneration)와 Streaming SSR (Server-Side Rendering)은 모두 서버 사이드 렌더링 기술의 변형이며, 정적 사이트 생성과 성능 최적화를 위해 사용될 수 있습니다.
ISR (Incremental Static Regeneration):
ISR은 Next.js 프레임워크에서 제공하는 기능으로, 정적 사이트 생성과 동적 콘텐츠의 결합을 가능하게 합니다. ISR은 미리 정적으로 생성된 페이지를 서비스하면서, 일부 콘텐츠를 동적으로 업데이트할 수 있는 방식입니다. 특정 페이지에 대해 정적으로 빌드된 HTML을 제공하고, 정해진 주기마다 해당 페이지의 내용을 업데이트할 수 있습니다. 이는 정적 사이트의 성능과 캐시 이점을 유지하면서도 동적 데이터를 실시간으로 갱신할 수 있는 장점을 제공합니다.
Streaming SSR (Server-Side Rendering):
Streaming SSR은 서버 사이드 렌더링의 한 형태로, 콘텐츠가 렌더링되는 동안 청크 단위로 클라이언트에게 전송되는 방식입니다. 이는 초기 로딩 시간을 최소화하고, 페이지의 일부분을 빠르게 렌더링하여 사용자에게 보여줄 수 있게 합니다. 일반적인 SSR은 전체 페이지가 완전히 렌더링된 후에 한 번에 클라이언트로 전송되지만, Streaming SSR은 페이지의 일부가 렌더링되는 대로 전송되므로, 사용자는 초기에 부분적인 내용을 확인할 수 있습니다.
ISR과 Streaming SSR은 모두 정적 사이트 생성과 성능 최적화를 위해 사용되는 기술이지만, 각각의 특징과 사용 사례가 있습니다. ISR은 동적 데이터 갱신을 위한 정적 사이트 생성과 결합된 모델로, 주기적인 업데이트가 필요한 경우에 유용합니다. Streaming SSR은 페이지의 부분적인 내용을 빠르게 전송하여 초기 로딩 속도를 향상시키는 데 주로 활용됩니다. 프로젝트의 요구 사항과 성능 목표에 따라 적합한 방식을 선택할 수 있습니다.
