튜토리얼로 배우는 Zod 라이브러리 (타입스크립트 스키마 선언 및 검증)

안녕하세요? 우연히 Zod 관련 튜토리얼을 구글링 하다가  github 페이지를 봤는데요. 원래 Matt Pococok 님의 totaltypescript에서 무료 강의 해주고 있는 내용입니다. Zod 관련 총 14가지 문제를 vitest를 이용해서 테스트하고 설명까지 해주고 있는데요. 관련 튜토리얼 공유하면 좋을 거 같이 이렇게 한국어로 번역 또는 제 생각을 적어 보았습니다. ** 목 차 **Zod란기본 타입의 검증 (튜토리얼 01)객체의 검증 (튜토리얼 02)배열의 검증 (튜토리얼 03)스키마로부터 타입 생성 (튜토리얼 04)옵셔널 (튜토리얼 05)기본값(default 값) 설정 (튜토리얼 06)유니온 타입의 검증 (튜토리얼 07)특정 조건 검증 (튜토리얼 08)스키마의 확장 (튜토리얼 09)값을 검..

• format_list_bulleted Javascript
• · 2024. 2. 13.
• textsms

React Server Components와 Next.js App Router 제대로 이해하기

안녕하세요? 오늘은 취미로 React와 Next.js를 사용하고 있지만, "RSC, App Router, Suspense 등에 대해 전혀 모르겠다." 이런 분들을 위해 제가 공부한 내용을 정리해서 적어보려 합니다. 조금 두서없이 글을 써서 그런지 지저분한데요. 조금이나마 도움이 됐으면 하네요. ** 목 차 **React와 Next.js에 대해React 렌더링에 대해2.1. 렌더링 트리거 감지2.2. 브라우저 렌더링 콘텐츠 결정2.3. 변경사항을 DOM에 적용Next.js 렌더링에 대해Next.js Pages Router 렌더링에 대해하이드레이션(Hydration)이란 무엇인가?Next.js Pages Router 렌더링 유형에 대해6.1. SSR(Server-side Rendering)6.2. SSG(S..

• format_list_bulleted Javascript
• · 2024. 2. 13.
• textsms

TypeScript에서 `infer` 키워드 활용하기

안녕하세요? 오늘은 Typescript에서 'infer' 키워드의 고급 사용법에 대해 알아보려고 합니다. ** 목 차 **infer란?구체적인 사용 예2.1. 함수의 반환 값의 타입 추론2.2. Promise의 내부 타입 추론2.3. 배열의 내용 추론2.4. 문자열 리터럴과 결합결론1. infer란?infer는 타입 추론을 할 때 사용되는 키워드로, 제네릭 타입 및 조건 타입(Conditional Types)과 함께 사용됩니다. infer를 사용하면 함수의 반환 값이나 배열의 내용 등, 제네릭 타입의 내용에 따라 변하는 타입 정보를 Conditional Types의 조건 분기 내에서 추론할 수 있습니다. 2. 구체적인 사용 예2.1. 함수의 반환 값의 타입 추론아래 코드에서는 제네릭 타입 T가 함수인 경..

• format_list_bulleted Javascript
• · 2024. 2. 13.
• textsms