Light
Dark
📌 Middleware 개요 Next.js의 Middleware는 사용자의 요청(Request)을 처리하기 전에 실행되는 코드로, 요청을 변경하거나 특정 조건에 따라 다른 응답을 반환하는 데 사용됩니다. Next.js Middleware는 Edge Runtime에서 실행되며, 서버리스 환경에서도 작동할 수 있습니다. 📌 Midd... Read More
Next.js에서 다이나믹 라우트(Dynamic Route)에서 슬러그(Slug) Next.js에서 다이나믹 라우트에서 슬러그(Slug) 는 URL의 특정 부분을 변수처럼 다루는 역할을 합니다. 📌 “슬러그(Slug)”의 의미 “슬러그(Slug)”는 웹 개발에서 URL의 식별자 역할을 하는 문자열을 의미해요. 주로 페이지나... Read More
Playwright vs Vitest에서 waitForTimeout(500) 사용에 대한 비교 ✅ Playwright에서 waitForTimeout(500)이 불필요한 이유 Playwright는 기본적으로 자동 대기 기능을 제공하여, 대부분의 경우 waitForTimeout(500)과 같은 명시적인 대기 시간을 설정할 필... Read More
테스트 코드란 무엇인가? (link) 테스트 코드는 소프트웨어의 기능을 (자동으로) 검증하는 코드이다. 주어진 입력에 대해 기대되는 출력을 확인하여 오류를 조기에 발견할 수 있다. 일반적으로 단위 테스트, 통합 테스트, E2E(End-to-End) 테스트 등 다양한 유형이 있다. 용법 Vitest 주요 메서드 정리 ... Read More
yaml과 yml 파일은 완전히 동일한 YAML 형식의 파일이며, 확장자만 다를 뿐입니다. ✅ 차이점은 오직 확장자 확장자 차이점 yaml : 더 긴 확장자 (공식 명칭에 가깝음) yml : 더 짧은 확장자 (일부 시스템에서 선호) 💡 원래 YAML의 공식 확장자는 .yaml이지만, .yml도 일반적... Read More
Haeran's blog