#리액트

85 편의 글

타입스크립트 + React 실전 #6 fetch와 API 응답 타이핑
6 분 소요

타입스크립트 + React 실전 #6 fetch와 API 응답 타이핑

제네릭 fetcher의 한계와 위험, 그리고 zod 런타임 검증으로 외부 데이터를 정말 안전하게 다루는 패턴까지 정리합니다.

타입스크립트 + React 실전 #5 Context와 제네릭 컴포넌트
6 분 소요

타입스크립트 + React 실전 #5 Context와 제네릭 컴포넌트

createContext 타입 인자 패턴과 안전한 useContext 헬퍼, 그리고 제네릭 컴포넌트로 재사용 가능한 List/Select 같은 컴포넌트를 만드는 법을 정리합니다.

타입스크립트 + React 실전 #4이벤트와 폼 타이핑
6 분 소요

타입스크립트 + React 실전 #4이벤트와 폼 타이핑

React이벤트 객체에 어떤 타입을 쓰는지, 제어/비제어 폼을 타입스크립트로 어떻게 잡는지 실전 패턴으로 정리합니다.

타입스크립트 + React 실전 #3 hooks 타이핑
7 분 소요

타입스크립트 + React 실전 #3 hooks 타이핑

useState/useReducer/useRef/useCallback/useMemo까지 빌트인 hook들의 타입을 어디까지 추론에 맡기고 언제 명시할지 정리합니다.

타입스크립트 + React 실전 #2 props와 children 타이핑
7 분 소요

타입스크립트 + React 실전 #2 props와 children 타이핑

props 타입을 어떻게 정의하고 어디까지 좁혀야 하는지, optional prop,union prop,children 패턴까지 실전에서 자주 만나는 결정을 정리합니다.

타입스크립트 + React 실전 #1 시작과 셋업
7 분 소요

타입스크립트 + React 실전 #1 시작과 셋업

왜 리액트에 타입스크립트를 쓰는지부터, Vite로 React + TS 프로젝트를 만들고 첫 컴포넌트에 타입을 다는 곳까지 한 번에 정리합니다.

Next.js로 블로그 만들기 #5 SEO와 배포 (마무리)
8 분 소요

Next.js로 블로그 만들기 #5 SEO와 배포 (마무리)

metadata API로 검색 엔진 최적화를 하고, sitemap과 RSS를 만들고, Vercel에 배포해 실제로 인터넷에 띄웁니다. 시리즈와 리액트 콘텐츠 31편 전체 회고로 마무리합니다.

Next.js로 블로그 만들기 #4 댓글 (Server Actions)
8 분 소요

Next.js로 블로그 만들기 #4 댓글 (Server Actions)

글마다 댓글을 달 수 있게 합니다. Server Actions로 폼 제출과 검증을 처리하고, useActionState로 UX를 다듬는 패턴을 실전에 적용합니다.

Next.js로 블로그 만들기 #3 태그와 검색
7 분 소요

Next.js로 블로그 만들기 #3 태그와 검색

태그별 글 모음 페이지와 URL 쿼리 파라미터로 동작하는 검색 기능을 추가합니다. 동적 라우트의 두 가지 패턴(generateStaticParams vs searchParams)이 한 번에 등장합니다.

Next.js로 블로그 만들기 #2 글 목록과 상세 페이지
7 분 소요

Next.js로 블로그 만들기 #2 글 목록과 상세 페이지

Server Component에서 fs로 MDX 파일을 직접 읽고, 동적 라우트에서 본문을 컴파일해 화면에 그리는 핵심 흐름을 만듭니다.

Next.js로 블로그 만들기 #1 시작과 설계
7 분 소요

Next.js로 블로그 만들기 #1 시작과 설계

모던 리액트 시리즈에서 배운 Server Components와 Server Actions를 실전 프로젝트에 적용해봅니다. 첫 글은 요구사항, 데이터 모델, 폴더 구조, MDX 셋업까지 정리합니다.

모던 리액트 + Next.js #6 Server Actions와 폼 (마무리)
10 분 소요

모던 리액트 + Next.js #6 Server Actions와 폼 (마무리)

Server Actions로 폼 제출과 서버 데이터 변경을 단순하게 다루고, useActionState/useFormStatus로 UX를 다듬는 패턴, 그리고 시리즈 회고로 마무리합니다.