![]()
patch-package 라이브러리를 유용하게 쓰고 있었으나 loading창이 커스텀이 불가능하여 loading 시 틀 밖으로 삐져나가는 문제가 있었다! 이 라이브러리를 일부 수정해서 사용하기 위해 patch-package를 사용해 봤다! patch-packge는 node_modules에 수정한 사항이 git으로 관리되어 다른 사람들이 실행해도 수정사항이 동일하게 적용되게 해 준다. patch-package Fix broken node modules with no fuss. Latest version: 8.0.0, last published: 7 months ago. Start using patch-package in your project by running `npm i patch-package`. T..
![]()
Google Cloud 1. Google API Console에서 새 프로젝트 만들기 Google API Console 로 들어가 로그인 후 새 프로젝트를 만든다. 2. OAuth 동의 화면 사용자 인증 정보 들어가기 API 및 서비스 클릭! OAuth 동의 화면에서 User Type은 외부로 설정해 준다.(외부로 설정해야 google 계정이 있는 모든 사용자가 앱을 사용할 수 있다고 한다.) 앱 등록 수정 - OAuth 동의 화면에서는 * (별표시, 필수)만 입력해주고 넘어갔다 범위는 userinfo.email, userinfo.profile을 추가했다. 테스트 사용자를 추가하면 끝이다! OAuth 동의 화면 완성! 3. 사용자 인증 정보 - OAuth 클라이언트 ID OAuth 클라이언트 ID를 생성..
![]()
react-quill에서 에러 발생 react-quill을 아래처럼 static import를 하니 에러가 발생했다. import ReactQuill from 'react-quill' import EditorToolbar from '../toolbar/EditorToolbar' ⨯ node_modules/quill/dist/quill.js (7661:11) @ document ⨯ ReferenceError: document is not defined 에러가 발생한 이유는 react-quill가 로드되는 시점에 document가 정의되지 않았기 때문이다. dynamic import를 통해 모듈을 동적으로 import 했다. dynamic import를 사용하면 react-quill을 서버 측 모듈에 포함하..
