프론트엔드

Rendered more hooks than during the previous render.

React 컴포넌트가 이전 렌더링과 다른 순서 또는 개수로 Hook을 호출했는지 확인합니다.

• React

return NextResponse.json({ message: 'Auth required' }, { status: 401 })

Next.js 공식 원문에 표시된 return NextResponse.json({ message: 'Auth required' }, { status: 401 }) 항목의 문구를 확인하는 문서입니다.

• 빌드 산출물

SSL certificate deletion denied

Vercel 공식 원문에 표시된 SSL certificate deletion denied 항목의 문구를 확인하는 문서입니다.

• 배포

SyntaxError: await/yield expression can't be used in parameter

Web console의 오류 문자열이 MDN JavaScript 오류 목록의 이 메시지와 일치하는지 확인하는 문서입니다.

SyntaxError: invalid assignment left-hand side

MDN Web Docs 공식 원문에 표시된 SyntaxError: invalid assignment left-hand side 항목의 문구를 확인하는 문서입니다.

SyntaxError: invalid character in class in regular expression

MDN Web Docs 공식 원문에 표시된 SyntaxError: invalid character in class in regular expression 항목의 문구를 확인하는 문서입니다.

SyntaxError: invalid identity escape in regular expression

MDN Web Docs 공식 원문에 표시된 SyntaxError: invalid identity escape in regular expression 항목의 문구를 확인하는 문서입니다.

The module you're trying to import has a different casing

파일명과 import 경로의 대소문자가 다르면 대소문자를 구분하는 환경에서 빌드가 실패할 수 있습니다.

• 빌드 산출물

Vite mode에 맞는 환경 변수 파일이 로드되지 않음

Vite 개발·배포 명령의 mode와 환경 변수 파일이 달라 예상한 값이 주입되지 않는지 확인하는 문서입니다.

• 배포

Yarn dynamic require of "util" is not supported

Vercel 공식 원문에 표시된 Yarn dynamic require of "util" is not supported 항목의 문구를 확인하는 문서입니다.

• 배포

You Make Changes and Nothing Happens

웹사이트를 변경했지만 브라우저에 변경 사항이 보이지 않을 때 브라우저 캐시를 확인하는 절차입니다.

• 재검사

Amplify Next.js 배포 산출물 확인

AWS Amplify에 Next.js 애플리케이션을 다시 배포하기 전에 출력 방식과 모노리포 경로 설정을 확인하는 체크리스트입니다.

• 배포
• 재검사
• 빌드 산출물

JavaScript 오류

브라우저 또는 JavaScript 실행 환경이 구문·참조·형 변환·실행 문제를 표시하는 오류 메시지입니다.

Next.js 빌드 산출물

Next.js가 빌드 과정에서 생성하는 정적 파일과 서버 실행용 메타데이터를 배포 방식에 맞게 구분한 결과물입니다.

• 빌드 산출물
• 배포

React

컴포넌트와 상태를 사용해 사용자 인터페이스를 구성하는 JavaScript 라이브러리입니다.

• 서버 오류

Vite

개발 서버와 프로덕션 번들 생성을 제공하는 프론트엔드 빌드 도구입니다.

• 빌드 산출물
• 배포