카카오 모바일 로그인이 안돼요ㅠㅠ

안녕하세요! dotZiP 웹 개발자 김현승입니다.

dotZiP은 내 모습이 궁금한 질문의 답변들을 지인들에게 투표받고, 실시간으로 업데이트 되는 답변의 랭킹을 모아보는 프로필(My.ZiP)을 제공하는 서비스입니다📁

저희 서비스는 백엔드를 파이어베이스로 구성하여 기본적으로 제공되는 구글로그인 서비스를 사용하고 싶었지만, 지인들에게 투표받는 서비스의 특성상 구글로그인 보다는 카카오 로그인이 훨씬 효율적이겠다는 기획자님의 말에 따라 카카오 로그인을 구현하였습니다.

또한 이런 서비스는 컴퓨터보다는 모바일로 들어오는 사람이 많을 것이다 라는 디자이너님의 의견을 따라서 웹앱(Web APP)으로 만들기 시작했습니다.

이 프로덕트를 만들면서 프로덕트를 진행 중에 모바일에서도 볼 수 있었으면 좋겠다고 생각했습니다.
그렇게 구글링을 해본 결과. 동일한 와이파이를 쓰고있다는 가정하에 자신의 IP번호:3000으로 localhost:3000의 화면과 동일하게 볼 수 있다는 것을 알아냈습니다.

하지만 문제는 여기서부터 시작됐는데, 웹에선 잘되던 카카오 로그인이 모바일에서는 되지 않는 것입니다.

구글링을 해보거나 카카오 디벨로퍼 에서 찾아봐도 REACT에서 KOE009라는 오류는 찾을 수 없었습니다.

'모바일 카카오 로그인 웹에서 원래 안되는 것인가?' '모바일 유저를 주 타겟층으로 삼았는데 모바일을 포기해야 하는 것인가?' 라는 생각까지 갔습니다.

하지만 포기하지 않고!!!

오류를 자세히 읽어본 결과 허용되지 않는 에서 액세스 토큰을 요청해서 오류가 났다고 써져있었습니다. 불현듯 저는 웹 사이트 도메인을 localhost:3000만 허용해 놓았다는 걸 떠올렸고, 지금 내가 모바일로 들어가는 사이트 도메인은 IP주소:3000으로 달라서 안되었다는 것을 깨달았습니다...ㅠㅠ

(깨알 dotZiP홍보!!)

저 밑에 제 IP주소:3000을 넣으니 무사히 카카오 로그인이 잘 되었습니다!!! 😊😊😊
(아마 파이어베이스 구글로그인도 모바일에서 하기 위해서는 똑같은 과정을 해야하는 것으로 알고 있습니다.)

이번 파드 롱커톤을 진행하면서 일단 카톡로그인 해본다고 저질러보고, 카톡로그인이 안돼서 깨지고, 카톡 모바일 해보겠다고 저질러보고, 모바일 로그인이 안되어서 또 깨지고 하지만 결국 해내고!! 저같은 개발자는 깰 수 있는 벽이 있어야 그 벽을 깨려고 노력하면서 실력을 키울 수 있는 것 같습니다.
항상 실력을 키울 수 있도록 기회를 주는 PARD에게 너무 감사합니다! 이제 롱커톤 몇 일 안남았지만 HI^5팀 지금까지 달려오느라 너무 수고 많았고! 부족한 개발자 끝까지 잘 믿어주고 격려해줘서 고마워!! 마지막까지 남은 벽들 다 깨부시고 롱커톤 잘 마무리해보자!!!