글

필터 4개

React

React/Next.js 애플리케이션을 위한 Playwright E2E 테스트 실전: 안정적인 UI 보장하기

프론트엔드 개발자가 React/Next.js 프로젝트를 위한 Playwright E2E 테스트 실전 경험을 공유합니다. 크로스 브라우저 테스트, 자동화, 코드 예제, 비교 테이블, 핵심 정리 및 체크리스트를 포함하여 안정적인 UI 보장 방법을 알아봅니다.

2026.04.28· 3분· 9· 1· 0

#E2E 테스트#Playwright#React#Next.js#테스트 자동화+2

Daily

Supabase 무료 플랜, 로컬에서 DB 연결이 안 되는 진짜 이유

Supabase 무료 플랜에서 로컬 개발 시 DB 연결이 안 되는 이유를 파헤쳤다. IPv4/IPv6 문제부터 Prisma v7 설정 변경, dotenv 함정까지 — 삽질한 것들을 모두 정리했다.

2026.03.03· 2분· 122· 2· 0

#Supabase#Prisma#PostgreSQL#Next.js#Database+1

Daily

Next.js App Router, 그 고통과 성장의 기록: 마이그레이션 경험기

Next.js 13/14 App Router로의 마이그레이션은 단순한 업데이트가 아닌 패러다임 전환입니다. 이 글에서 App Router의 핵심 개념부터 실질적인 코드 예제, 마주했던 어려움과 해결책까지 저의 경험을 공유합니다. RSC 기반의 새로운 Next.js 세계로 떠나볼까요?

2026.02.12· 3분· 5· 1· 0

#Next.js#App Router#Migration#RSC

Daily

Next.js 마이그레이션과 HttpOnly 쿠키 인증 전환기: localStorage의 유혹에서 벗어나기

Next.js로 전환하며 마주하는 인증 시스템의 고민, localStorage의 편리함 뒤에 숨겨진 보안 위협을 파헤치고 HttpOnly 쿠키를 활용한 안전하고 견고한 인증 전략을 소개합니다. XSS 공격으로부터 사용자를 보호하고, Access Token과 Refresh Token을 현명하게 관리하는 방법을 실용적인 코드 예제와 함께 알아보세요.

2026.02.08· 5분· 9· 1· 0

#Next.js#HttpOnly Cookie#Access Token#Refresh Token#XSS+2

React/Next.js 애플리케이션을 위한 Playwright E2E 테스트 실전: 안정적인 UI 보장하기

2026.04.28· 3분· 9· 1· 0

#E2E 테스트#Playwright#React#Next.js#테스트 자동화+2

Next.js App Router, 그 고통과 성장의 기록: 마이그레이션 경험기

2026.02.12· 3분· 5· 1· 0

#Next.js#App Router#Migration#RSC

Next.js 마이그레이션과 HttpOnly 쿠키 인증 전환기: localStorage의 유혹에서 벗어나기

2026.02.08· 5분· 9· 1· 0

#Next.js#HttpOnly Cookie#Access Token#Refresh Token#XSS+2