콘텐츠로 건너뛰기
» react » 페이지 2

react

How to resolve regeneratorRuntime is not defined

개요

React 를 사용해서 작성된 잘 동작하던 웹 응용프로그램이 아래와 같은 메시지를 출력하고, 멈춰버렸습니다.

regeneratorRuntime is not defined

환경

개발환경

  • node.js v14.16.0
  • npm v.7.6.3

패키지

  • @babel/core v7.13.15

해결

babel-plugin-transform-runtime#why 페이지에서 이유와 어떻게 해야되는지 설명하고 있습니다.

babel-plugin-transform-runtime#technical-details 페이지에서 자세한 기술적 설명을 …

React Starter Kit

GitHub 템플릿 사용

GitHub 에서 저장소를 작성할 때, 템플릿으로 표시된 저장소를 사용해서 내 저장소를 작성할 수 있습니다.

GitHub 템플릿

템플릿

SPA 를 시작하려면 구현하려는 프레임워크뿐만 아니라 트랜스파일, 번들링 등 신경써야 하는 부분이 많습니다.

React 를 처음 시작하시는 분들을 위해서, React 구현에 집중하실 …

SPA 에서 파일 다운로드

SPA Single Page Application 로 작성중인 웹 응용프로그램에서 파일 다운로드를 구현할 때, 새 창으로 다운로드할 파일의 URI를 제공해서 처리하면 매우 편리하게 파일을 다운로드할 수 있습니다.

const fileDownloadUri = '파일 다운로드 URI';
window.open(fileDownloadUri, '_blank');

파일 URI와 함께 인증이 필요할 때, 쿠키를 …

싱글 페이지 응용프로그램에 구글 애널리틱스 적용

구글 애널리틱스 Google Analytics는 웹 응용프로그램의 사용 데이터를 수집에 많이 사용됩니다.

웹사이트 이용에 대한 추적 데이터를 기반으로 무엇을 어떻게 … 가 시작될 수 있습니다.

구글 애널리틱스에서 기본적으로 제공하는 코드는 웹 응용프로그램 특정 페이지에 요청을 보내면 응답하는 페이지에 코드를 추가해서 …

회고: Node blog app

Node.js 백엔드와 React 프론트엔드로 작성된 블로깅 서비스 앱입니다.

기술 스택

Node.js

Express

Express는 Node.js에서 사용되는 웹 응용프로그램 작성을 위한 프레임워크입니다.

프론트엔드에서 데이터를 요청할 API를 제공하는 웹앱이 작성되어 있습니다.

Passport

Passport는 Node.js에서 사용되는 인증 프레임워크입니다.

이번 프로젝트에서는 정의된 모델을 …