본문 바로가기
반응형

분류 전체보기386

[mac] ppk 키를 pem 키로 변환하기(ec2 접속) 윈도우의 경우 ppk를 이용해 putty 로 접속하지만, mac은 pem 키가 있으면 터미널로 접속이 가능하다. 이전에 담당하던 사람이 ppk로만 가지고 있어 이것을 pem으로 변환해야 하는 상황이었다. 간단하게 brew를 통해 putty 를 설치하고, 명령어 하나로 변경할 수 있다. 우선 brew를 통해 putty를 설치한다 brew install putty 다음으로 ppk 파일이 있는 곳으로 이동하여 다음처럼 커멘드를 입력한다 puttygen [ppk파일].ppk -O private-openssh -o [pem파일명].pem 이렇게 하면 지정한 이름으로 .pem 파일이 생성된다. 여기서 사용하려면 권한을 600으로 주어야 한다 chmod 600 [pem파일명].pem 이제 변경한 키를 가지고 서버에 .. 2023. 3. 16.
[react] 도메인 연결 시 Invalid Host header 오류 로드밸런싱을 연결하고 나서 도메인을 연결했는데 계속 Invalid Host header 오류가 떴다. 확인해보니 webpack 에서 호스트검사 설정이 기본 true 이기 때문에 안되었던 것. disableHostCheck 를 true로 변경하면 된다. 위치는 devServer 안에 넣어주어야 한다. devServer: { disableHostCheck: true }, 만약 devServer 항목이 안보인다면 최상위 레벨에 만들면 된다. (module 와 같은 레벨이면 됨) 예를들어 module.exports = { module: { ... } // 이 레벨과 같으면 됨 devServer: { disableHostCheck: true }, } 끝. 2023. 3. 11.
[intellij] nextjs에 prettier 설정(자바스크립트 코딩스타일) prettier 는 코딩스타일을 지정하는데 도움을 주는 플러그인이다. 사람마다 선호하는 코딩스타일이 다를 수 있는데, 어떤 사람은 쌍따옴표를 쓰는데 반해 홀따옴표를 쓰는 사람도 있고, 탭을 사용할 경우 띄어쓰기 2개 효과를 선호하는데 반해 4개 효과를 선호하는 사람도 있다. 혼자 코딩하면 상관없지만 누군가와 협업해야 한다면 코딩 스타일을 지정하는게 좋다. 그중 각광받는 것중 하나가 바로 Prettier다. 내 경우는 Intellij 를 사용해 코딩하지만 Visual Studio Code를 선호하는 사람이 있다면 서로의 다른 IDE에 따라 코딩스타일이 달라지기도 하는데, 이런것을 잡아주는데 도움을 주기 때문이다. 설정방법 우선 npm 을 이용해 패키지를 설치해야 한다 npm install -D pretti.. 2023. 3. 3.
[flutter] (구글로그인) PlatformException sign_in_failed, w2.b: 10 - 서명키 에러 구글 로그인 중 위 에러가 발생한다면 서명키 등록이 안된 것이다. 참고로 구글로그인에 파이어베이스를 사용했다. 구글 플레이 콘솔에 들어가 서명키를 확인한다. 구글 플레이 콘솔 -> 앱 선택 -> 설정 -> 앱 무결성 메뉴로 들어간다 새로뜬 페이지에서 앱 서명 탭을 누르면 MD5, SHA-1, SHA-256 인증서 지문이 나온다. 여기서 SHA-1, SHA-256을 파이어베이스에 등록해야한다 파이어베이스 콘솔로 들어간다. 프로젝트 개요 -> 프로젝트 설정 으로 메뉴를 이동한다 우측에 새로 뜬 페이지에서 하단으로 내려가 안드로이드 앱을 클릭한다. 디지털 지문을 추가해서 위에서 확인한 SHA-1 과 SHA-256 지문을 등록한다 이제 위 에러는 더이상 발생하지 않는다. 끝. 2023. 2. 20.
[flutter] PlatformException sign_in_failed 12500 에러 - 구글 로그인 구글 플레이에 올리고 나서 구글로그인으로 진행하는데 안되서 로그를 살펴보니 다음 에러가 발생했다. Unhandled Exception: PlatformException(sign_in_failed, com.google.android.gms.common.api.ApiException: 12500: , null, null) 이 에러는 지원메일을 등록하지 않아서 생긴 문제라고 한다. 그래서 내 경우는 2군데서 설정을 완료하니 되었다. 일단 내 환경은 파이어베이스에서 제공하는 구글로그인을 사용하고 있었다. 파이어베이스 설정 GCP 내 API Oauth 설정 1. 파이어베이스 설정에 지원메일 등록 파이어베이스 콘솔에 들어가 프로젝트 -> 프로젝트 설정에 들어간다. '내 프로젝트' 정보 맨 하단에 공개 설정 -> 지.. 2023. 2. 17.
[turbo, nextjs] alert에 빨간불 Cannot find name 'alert' 관련 설정법 알림창으로 자주쓰는 alert에 빨간불이 들어와서 당황했는데, turbo 로 multi repository 로 구성되어 모든 repo에서 사용될 공통 컴포넌트를 구성하던 중 이런 현상이 일어났다. 이럴경우 tsconfig.json 파일에 다음 설정을 추가하면 된다 내 경우 packages/ui 를 공통 ui로 잡고 작업하고 있는데, 거기서 발생한 표기라서, packages/ui/tsconfig.json 에다가 설정했다. { ... "compilerOptions": { "lib": [ "dom" ] } } compilerOptions 은 컴파일 대상 파일을 어떻게 변환할지를 설정하는 것인데, 위에서 설정한 lib는 컴파일 과정에 사용될 라이브러리 파일을 설정하는 것이다. 그러니 IDE에서 컴파일 에러를 낸.. 2022. 10. 20.
반응형