Next.js getServerSideProps prop is null Next.js 프로젝트에서 getServerSideProps를 사용하여 프리렌더 데이터를 보내는 경우가 있습니다. export const getServerSideProps = async ({…
JavaScript에서 다음 RegExp.prototype.test 구문을 이용하여 정규표현식을 검증하려 할 때가 있습니다. const regex = /hello/g; console.log(regex.test('hello')); console.log(regex.test('hello')); 위 예시에서 정규표현식의 내용과…
React Native Error: Failed to parse APK file React Native 프로젝트를 빌드하여 테스트하려 할 때 다음 에러가 나타나면서 빌드에 실패하는…
안드로이드 12 (API 31 및 S)을 타겟으로 하여 모바일 앱을 개발하려 할 때, 앱을 빌드하면 다음과 같이 에러메시지가 나타나면서 빌드에…
NPM 패키지 설치 시 code E426 문제 npm으로 NodeJS 패키지를 설치할 때 마다 콘솔창에 다음 메시지가 나타날 때가 있습니다. npm…
리액트(React)를 사용하면서 처음에 가장 많이 하는 실수들이 있는데, 그 중 하나는 다음과 같은 에러 메시지입니다. SyntaxError: Adjacent JSX elements must…
TypeError: Unexpected MODIFIER at 0, expected END Next.js 프레임워크를 사용하여 개발 또는 프로덕션 서버를 시작할 때 다음과 같이 에러가 발생하며…
Create-React-App 프로젝트를 빌드하거나 개발 환경에서 테스트하는 경우 npm run start 또는 yarn start와 같은 명령어를 사용합니다. 그런데 언제부턴가 아래와 같이…
현재 페이지가 변경되었거나 더 이상 사용하지 않을 경우 다른 URL로 리다이렉트(Redirect)하고 싶은 경우가 있습니다. 리다이렉트는 서버 응용프로그램의 규칙을 사용하는 방법,…
React Helmet을 사용하여 각 페이지 컴포넌트별로 메타 데이터를 설정하는 경우가 많습니다. 사이트의 제목이나 설명을 지정할 수 있는 meta 태그인 title이나…