문제 해결 & 구현 기록

firebase 디지털 지문 SHA 이미 다른 프로젝트에 등록된 키 문제 해결 방법

firebase에서 디지털 지문 추가하는 과정에서 "다른 프로젝트에 동일한 SHA-1 디지털 지문과 패키지 이름 조합을 사용하는 OAuth 2.0 클라이언트가 포함되어있습니다 " 문제가 생겼다. 다른 프로젝트에 이미 사용하고 있어서 생긴 문제인 것 같다. 찾아보니 프로젝트별로 SHA 키는 고유해야한다고 한다.근데 해당 프로젝트는 안쓰는 프로젝트라 제거했는데도, 문제가 해결되지 않았다.  해결방법은 SHA 인증서 지문을 새로 생성하는 것이다. 그러려면 터미널에 다음 명령어를 치면 된다.keytool -genkey -v -keystore ~/upload-keystore.jks -keyalg RSA -keysize 2048 -validity 10000 -alias upload 그러면 다음과 같이 정보를 입력하..

안드로이드 스튜디오 iOS 시뮬레이터 실행 에러 해결기

이전 글에서는 안드로이드 스튜디오에서 iOS 시뮬레이터가 안열리는 이슈에 대해 작성했다.이제 시뮬레이터가 잘 열리는데..!! 정말 열리기만 하고.. 내가 만든 프로젝트는 실행이 안된다. 이 글에서는 이에 대해 해결하는 과정에 대해 작성했다. 문제 발생 배경저번 글에서는 아래 사진과 같이 iOS 시뮬레이터를 드디어 열었다. 하지만 이게 끝인 줄 알았다.나는 시뮬레이터 여는게 아니라.. 이 시뮬레이터를 통해 작업한 프로젝트를 열어야 한다. 위 사진은 그냥 시뮬레이터를 실행시킨거다. 해결 과정ios 기기로 실행 설정ios 기기 시뮬레이터에서 작업한 프로젝트를 실행시키는 방법은 아래와 같다. ios 기기를 설정하고(나는 아이폰 16 Plus로 했다) 실행시키면 된다. 혹시 시뮬레이터가 안열리는 분은 해당 글을 ..

안드로이드 스튜디오 iOS 시뮬레이터 안열림 해결 방법

flutter 프로젝트를 실행하기 위해 안드로이드 스튜디오를 이번에 처음 써보게 되었다.그러던 중, iOS 시뮬레이터를 열어보려고 했는데 잘 열리지 않는 문제가 발생했다. 해당 글은 이를 해결하는 과정에 대해 작성했다. 문제 발생 배경먼저, 시뮬레이터를 열기 위해 아래 사진처럼 Open iOS Simulator를 눌렀으나, 열리지 않았다. (Xcode는 설치되어있는 상태다) 일단, 터미널에서 flutter doctor 명령어로 확인해보니 Xcode 관련 문제가 있었다. 위 이미지와 동일하게 Xcode 관련해서 두가지 오류가 있음을 확인할 수 있었다. 1. 설치된 시뮬레이터 런타임 목록을 가져올 수 없음2. CocoaPods가 설치되어있지 않음 해결 과정1. iOS 시뮬레이터 설치먼저, 아래 에러에 대한..

SSE(Server Sent Events)로 간단한 실시간 알림 기능을 만들어보자(React, node.js)

도입프로젝트를 진행하는데, 실시간으로 알림을 받을 수 있는 기능을 구현해야 했다.즉, 클라이언트에서는 따로 요청 없이 서버로부터 알림 데이터를 실시간으로 받고, 나는 응답 받은 알림 데이터를 화면에 보이도록 구현해야 했다. (쉽게 말하면 알림 수신함을 구현해야 했다.)이 방식은 SSE를 활용하면 쉽게 구현할 수 있다. 이 글에서는 SSE에 대한 개념을 설명한 뒤, 아래 예시와 같은 간단한 예제 코드를 작성해보는 시간을 가질 것이다.React와 Node.js(express)로 구현하였으며, 각 문법을 몰라도 최대한 이해할 수 있도록 작성했다. 또한 Web API로 구현을 진행하므로 다른 라이브러리는 설치할 필요가 없다. SSE(Server Sent Events)란?일반적으로 클라이언트가 서버에게 요청을 보..

HTML 이미지 깨짐 현상 - 파일 경로 확인하기

웹 개발 프로젝트 진행 도중, 이미지가 가끔씩 안보이는 현상이 나타났다. 다음과 같이 상단바에 로고 이미지가 있어야하는데, 어째서인지 가끔씩 이 이미지만 로컬, 배포본에서 모두 안보였다. 계속 원인을 찾던 결과, React-Router 함수인 useNavigate를 사용하여 이동한 페이지에서만 로고가 안보인다는 것을 발견했다. 미리 말하자면, 해당 함수에 한해서 나타나는 현상이 아니라, 한 페이지에서 해당 페이지 경로 안으로 들어간 경우 모두 적용되는 문제인 것 같다. 위 이미지는, 공지 게시글 목록(/notice)에서 한 게시글의 디테일 화면(/notice/21)으로 넘어간 화면이다. 처음에는 로고가 잘 보이지만 새로고침을 하면 로고가 깨진다. 개발자 모드로 확인해보면 이미지 경로가 이동하기 이전의 ..

[Node.js] nvm node.js버전 변경 안됨 / exit status 5: Access is denied

nvm use로 Node.js버전을 변경하려니 아래와 같은 문구와 함께 거부가 되었다.exit status 5: Access is denied 관리자 권한으로 실행한 cmd 이용 필자는 git bash를 이용하고 있었다.cmd를 관리자 권한으로 실행해서 하면 된다고 해서 그렇게 해봤다. 관리자 권한으로 어떻게 여는 지 몰라서 일단 나는 아래와 같이 했다.  nvm use {변경할 버전} 으로 버전을 바꿔보았다.버전 바꾸는데 성공했다.  - 그냥 궁금해서 관리자 권한으로 실행한게 아닌,그냥 cmd로도 되는지 테스트 해봤다.결론: 관리자 권한으로 실행한 cmd를 이용하자 ㅎㅎ..몇몇 프로그램을 실행하려고 할때 이렇게 관리자 권한을 요구하는 경우가 있다고 한다.  ------혹시나 안되는 분은 윈도우 개발자 ..

[Node.js] nvm / Node.js 버전 변경 방법 / lts로 다운그레이드 방법 / Error: error:0308010C:digital envelope routines::unsupported

예전에 작업했던 react 파일 npm start 시키는데 아래 에러가 뜨는 것이다.Error: error:0308010C:digital envelope routines::unsupported찾아보니까 내가 최근에 Node.js 버전을 최신꺼로 바꿔서 그런 것이었다.그래서 안정적인 lts 버전으로 다운그레이드 시켜야 했다. 필자는 아래와 같은 방법을 사용했다. 현재 나의 Node.js 버전 확인node -v필자는 최신버전인 v18.3.0을 쓰고 있었다. nvm 설치nvm는 Node Version Manager의 줄임말로뜻 그대로 Node.js의 버전을 관리하는 도구이다.이를 이용해 언제든지 사용할 버전을 쉽게 전환할 수 있다. 이를 설치하려면 아래 링크로 들어가면 된다. GitHub - coreybutl..

[Git] 레파지토리 만들고 처음 push할 때 생긴 에러

Github에 repository를 새로 만들고 git bash로 연동시키는 도중 에러가 떴다.내용은 아래와 같다.error: src refspec master does not match any error: failed to push some refs to '레파지토리 주소' 이 에러는 Github에서 pull 없이 push할 경우기존 내용이 삭제되는 문제가 생길 수 있기 때문에 발생한다고 한다. 해결 방법git add . 을 한 후, git commit -m "{내용}"을 한 후 push를 하면 된다. 하지만 나는 내용이 없어서 애초에 git add . 가 안됐다. 그래서 해당 로컬 폴더에 텍스트 파일 하나 만들어서 했더니 됐다.