소개
시도하고자 했던 것과 그 이유를 알려주세요.
Vercel에 HTML 파일을 배포하기 위해 GitHub 계정으로 로그인을 시도했지만, 버튼을 눌러도 아무 반응이 없는 문제가 발생했습니다.
시크릿 모드까지 여러 번 시도했지만 동일한 현상이 반복되어 원인을 찾고 해결 과정을 정리하게 되었습니다.
진행 방법
어떤 도구를 사용했고, 어떻게 활용하셨나요?
1. 사용 환경
브라우저: Chrome (시크릿 모드 포함)
로그인 방식: Vercel에서 GitHub OAuth(오어스: Open Authorization) 로그인
증상: 로그인 버튼 클릭 시 반응 없음 (리디렉션 안됨)
**OAuth: 열린 권한 부여 방식, 비밀번호를 주지 않고, 대신 '허락'만 해주는 방식
2. 문제 해결 시도 과정
① 시크릿 모드 실행 (실패)
기존 쿠키 문제를 의심하여 시크릿 모드로 재시도
결과: 동일하게 버튼 무반응
② 원인 분석
다음과 같은 가능성을 확인했습니다:
팝업 차단 → GitHub 인증 창이 열리지 않음
리디렉션 차단 → GitHub 페이지로 이동 불가
확장 프로그램 개입
Google Translate
광고 차단기
보안 플러그인
** 리디렉션: "현재 페이지에서 다른 페이지로 자동으로 이동시키는 기능"
👉 특히 OAuth 로그인은 “외부 페이지 이동”이 핵심이기 때문에, 브라우저가 이를 막으면 로그인 자체가 진행되지 않습니다.
③ 해결 방법 (성공)
👉 브라우저를 Edge로 변경 후 재시도
기존 Chrome 환경 완전히 우회
쿠키 / 확장 프로그램 / 설정 초기화 효과
➡️ 결과: GitHub 로그인 정상 진행 → Vercel 가입 완료
결과와 배운 점
결과
Edge 브라우저에서 즉시 로그인 성공
문제는 계정이 아니라 브라우저 환경 문제라고 합니다.(ChatGPT)
배운점
“버튼이 안 눌린다” = 대부분 브라우저 문제
OAuth 로그인은 팝업/리디렉션 허용이 필수
시크릿 모드도 만능 해결책은 아님
과정 중에 어떤 시행착오를 겪었나요?
시크릿 모드만 반복 시도 (시간 낭비)
도움이 필요한 부분이 있나요?
크롬브라우저에서도 성공하고 싶은데, 정확하게 뭐가 문제였는지 원인을 모르겠습니다.
앞으로의 계획이 있다면 들려주세요.
바이브코딩으로 배포까지 진행하려면 여러 플랫폼을 설치하고 환경을 설정해야 했습니다. 처음에는 다소 어려웠지만, 하나씩 따라 하며 결국 설정을 마칠 수 있었습니다.
이 과정을 통해 느낀 점은, 이러한 환경에 익숙해지기 위해서는 반복적으로 사용해 보는 것이 중요하다는 것입니다. 자주 다루다 보면 점점 익숙해지고, 결국에는 내가 원하는 수준까지 바이브코딩을 활용할 수 있게 될 것이라 생각합니다.
도움 받은 글 (옵션)
참고한 지피터스 글이나 외부 사례를 알려주세요.
(내용 입력)
