2021년 03월 10일
Disqus Email 인증 ERR_CONNECTION_REFUSED
Disqus 계정에서 이메일을 변경하면서 인증하라는 메시지가 나왔다.
인증받기를 눌러도 메일은 한참 지나서오고 들어가보니 연결을 거부당했다.
사이트에 연결할 수 없음
disq.us에서 연결을 거부했습니다.
ERR_CONNECTION_REFUSED
도메인이 disq.us인게 url shoutcut으로 사용한 것 같은데, 내 네트워크 문제인지 쟤네 문제인지.. 아무튼 거부당했다.
혹시나 해서 disq.us 부분만 disqus.com으로 바꿨더니 url이라는 사용자의 프로필로 이동했다. URL을 다시 확인해보니 결국은 disq.us에서 url을 파라미터로 받아서 리다이렉트를 하는 방식이다.
해결방법
- disq.us/url?url= 여기서 부터 뒷부분을 전부 복사한다.
- url을 decode 해주자. urlDecoder에서 붙여넣기 후 decode
- decode 된 url 경로로 이동하자.
Your email has been verified successfully!
-
2021년 03월 20일
Type of property 'defaultProps' circularly references itself in mapped type
styled-components를 사용하는 도중 defaultProps 타입 오류가 발생했다. Props 전달에도 이상이 없었고 어떤 오류인가 싶어서 검색해봤다. ```error Type of property 'defaultProps' circularly references itself in mapped type ``` TypeScript Github에 등록된 이슈를 확인해보니, 정확하지는 않지만 `Typescript^3.9.0` 이후 나타나며 해당 오류는 styled-components에서 5.0.1 버전대에서 fix 되었다. ( 자세한 사항은 하단 참고자료로 이동하여 확인하면 좋을 것 같다. ) ```bash yarn upgrade @types/styled-components --latest # or npm install @types/styled-components@latest ``` styled-components의 type을 업데이트하는 방법이 있으며, 어려운 경우에는 styled-components.d.ts를 생성하여 예외처리 하는 방향도 있다. ### 참고자료 https://github.com/microsoft/TypeScript/issues/37597#issuecomment-628149946
-
2021년 03월 10일
Git revert 충돌 해결하기
작업을 스테이지에 올렸다가 릴리즈 날짜에 배포가 불가능하면 해당 기능을 잠시 스테이지에서 빼둬야한다. 이때 develop 브랜치에서 Revert를 생성하여 Merge 하는 작업을 진행한다. 여기까지는 괜찮았으나 작업중인 브랜치에서 devleop을 Pull 받으니 문제가 나타났다. develop에서는 Merge를 통하여 해당 내용들을 전부 삭제했으니 작업중인 브랜치에 있는 내용들도 전부 삭제 시켜버린다. 동일 파일을 작업하던 부분들까지 날려버리니 멘붕이 나버렸다. 여러번의 검색 끝에 간단한 해결방법을 찾았는데 결국 `Revert를 Revert하자!` 라는게 편한 방법이다. ## 해결방법 Merge, Revert한 브랜치명을 develop으로 명칭하고 진행한다. ### Revert Commit SHA Key를 가져오자. develop에서 `git log`를 확인하여 `revert한 커밋 키 값`을 가져온다. ```bash git checkout develop git log commit [REVERT_COMMIT_SHA_KEY] (tag: ...) Author: Doriri Date: ... Revert "커밋 메시지" ``` 여기서 `REVERT_COMMIT_SHA_KEY` 해당 부분을 복사해준다. ### New Branch & Revert를 Revert 하자. 새로운 브랜치를 생성하고, Revert 커밋을 Revert 해보자. ```bash git checkout -b [new_branch] git revert [REVERT_COMMIT_SHA_KEY] ``` 그리고 마무리로 기존 브랜치를 pull 받으면 끝이다. ```bash git pull origin [origin_branch] ``` ### 커맨드 요약 ```bash git...
-
2021년 03월 09일
Grafana Plugin With React 셋팅하기
Grafana Plugin을 React로 개발하여 배포하는 방법을 설명한다. 작업환경 OS: Mac node: >= 14.0 grafana: >= 7.0 시작하기 Grafana 설치하기 Grafana 설치 가이드 문서 Ubuntu, Docker 등 OS 별 설치방법 문서가 존재한다. brew update brew install grafana Grafana 프로젝트 생성 프로젝트 구조는 grafana-toolkit를 사용한다. grafana-toolkit은 creact-react-app 처럼 초기 프로젝트를 구축하기 위한 CLI이다. 맨 설치하는 과정에서 plugin, author 등은 원하는 형태에 맞춰서 작성하면 되며, 플러그인 이름은 신중하게 입력해보자. npm install -g @grafana/toolkit npx @grafana/toolkit plugin:create [project-name] cd graph-plugin npm install ( 프로젝트를 grafana에 연동하는 부분은 아래에서 진행한다. ) 실행하기 설치한 grafana 서비스를 실행한다. brew services start grafana 기본적으로 localhost:3000로 포트가 열린다. 초기 계정은 admin/admin 이다. 개발셋팅 프로젝트를 생성했고 grafana service 가 동작한다면, 프로젝트를 플러그인에 연동해야한다. grafana ini 설정 grafana 설정파일에서 plugin path를 연결한다. vim /usr/local/etc/grafana/grafana.ini [paths] plugins = [Grafana Project Path] 이때, [paths] 아래에 추가해야한다. 맨 상단 혹은 맨 하단에 작성 시 작동되지 않는다. 실행하기 설치한 grafana 서비스를 재실행한다. brew services restart...