GitHub Actions로 Next.js 정적 사이트 스크린샷 찍기 (미리보기 배포 없이 리뷰하기)
Vercel의 미리보기 배포 기능이 없으신가요? GitHub Actions와 Puppeteer를 활용하여, 정적으로 내보낸 Next.js 사이트의 모든 페이지 스크린샷을 찍어 Pull Request에서 시각적으로 리뷰하는 방법을 알아봅니다.
Read moreNext.js 15, Supabase 강좌 4편. email, password를 이용한 로그인 구현
Next.js와 Supabase를 이용해서 Email, Password 방식의 로그인을 테스트해 보겠습니다.
Read moreReact 19 완벽 가이드 1편 - 서버 컴포넌트, Actions, Async Script 지원, 서드파티 스크립트 호환성 향상
React 19 치트 시트입니다. 서버 컴포넌트, Actions, Async Script 지원, 서드파티 스크립트 호환성 향상에 대해 알아봅시다.
Read moreReact 19 강좌 3편 - FormData와 Server Actions, useActionState의 조합으로 폼 제출 최적화하기
FormData, Server Actions, 그리고 useActionState를 조합하여 폼 제출을 최적화하는 방법을 중점적으로 다룬다는 점을 강조합니다.
Read moreReact 19 강좌 2편 - 폼 요소의 액션과 useActionState useFormStatus 조합으로 비동기 작업 처리하기
useActionState와 useFormStatus를 사용하여 폼 제출 시 비동기 작업을 처리하는 방법을 중점적으로 다루고 있다는 점을 강조합니다.
Read more