태그 - 실전-빌드

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

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

metadata API로 검색 엔진 최적화를 하고, sitemap과 RSS를 만들고, Vercel에 배포해 실제로 인터넷에 띄웁니...

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

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

글마다 댓글을 달 수 있게 합니다. Server Actions로 폼 제출과 검증을 처리하고, useActionState로 UX를 ...

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

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

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

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

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

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

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

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

모던 리액트 시리즈에서 배운 Server Components와 Server Actions를 실전 프로젝트에 적용해봅니다. 첫 글은...

리액트로 Todo 앱 만들기 #5 영속화와 마무리
19 분 소요

리액트로 Todo 앱 만들기 #5 영속화와 마무리

localStorage로 데이터를 영속화하고 새로고침해도 유지되도록 마무리합니다. 시리즈 전체를 회고하며 다음 단계도 안내합니다....

리액트로 Todo 앱 만들기 #4 편집 기능
17 분 소요

리액트로 Todo 앱 만들기 #4 편집 기능

항목을 더블클릭하면 인라인 편집 모드로 진입하고, Enter로 저장 / Escape로 취소하는 편집 기능을 만들면서 useRef도...

리액트로 Todo 앱 만들기 #3 필터링
12 분 소요

리액트로 Todo 앱 만들기 #3 필터링

전체 / 미완료 / 완료 필터를 추가하고, 완료 항목 일괄 삭제 같은 일괄 처리 기능까지 만들어봅니다.

리액트로 Todo 앱 만들기 #2 완료 토글과 통계
11 분 소요

리액트로 Todo 앱 만들기 #2 완료 토글과 통계

각 항목에 체크박스를 달아 완료를 토글하고, 시각적으로 구분하고, 남은/전체 개수를 보여주는 통계를 추가합니다.

리액트로 Todo 앱 만들기 #1 시작과 추가/삭제
13 분 소요

리액트로 Todo 앱 만들기 #1 시작과 추가/삭제

기초 강좌에서 배운 리액트로 진짜 Todo 앱을 만들어봅니다. 첫 글은 요구사항 정의, 컴포넌트 설계, 그리고 추가/삭제 기능까지...