반응형

Development/React 2

React 프로젝트 Aws cloudfront, bitbucket pipelines 로 자동배포하기

React 프로젝트 자동배포 실제 Front Web 프로젝트를 서비스하기 위해 어떻게 배포하나요~? 관리 중인 git을 통해 commit or push 만으로도 실제 서비스 배포가 적용되면 얼마나 편할까요? AWS Cloudfront와 Bitbucket pipelines를 통해 자동 배포를 간단하고 빠르게 구성해보겠습니다. 준비물은 사용 중인 bitbucket 사용중인 AWS 계정 각각의 대한 설명은 추후에 여유 생기면 보완하여 작성하도록 할게요! React 프로젝트 생성 아주 간단하게 사용될 기본 React 프로젝트를 생성해보겠습니다. 우선 테스트로 사용될 Bitbucket Repository를 생성해주었습니다. 단순히 Repository 생성! create-react-app cloudfront-pi..

Development/React 2021.12.29

next, react-quill 사용시 document is not defined, Warning: Expected server HTML to contain a matching <div> in <div>. 문제해결

아주 간단 명료하게 기록 취지로 해결 방법을 설명하겠다. ReactQuill 이라는 React 에서 사용되는 edit 모듈을 사용하기로 정하였으나, SSR(서버 사이드 렌더링)을 사용함에 있어서 사용 불가한 현상이 발견되었다. 문제를 이러했다. 단순히, 도구를 불러오고 import ReactQuill from 'react-quill'; 아래와 같이 코드를 사용하고자 했다. import React from 'react'; import ReactQuill from 'react-quill'; const Quill = ({content}) => { return ( ); } 그랬더니, 사용이 잘 된다. 하지만, 간혹 에러가 발생된다. 바로! 브라우저에서 새로고침을 하였을때! 에러내용은 이러하다. document ..

Development/React 2020.07.29
반응형