상세 컨텐츠

본문 제목

[Bubble Tips | 회원가입 1탄] 이메일 없이 ID만으로 회원가입하기

4️⃣ DEV TIP/Bubble.io

by devminnocode 2025. 2. 25. 16:39

본문

안녕하세요 버블 공식인증 노코드 에이전시 IFINITY

개발자 남민우입니다

 

 

오늘은 버블에서 이메일을 활용하지않고

아이디 만으로 회원가입을 구현하는법을 정리해 보겠습니다!

 

 

 

 

 

 

버블에서는 기본적으로 이메일을 통해 회원가입이 가능하게 되어있습니다

그럼 이메일을 로그인 방식의 장점단점은 무엇일까요?

 

이메일 로그인 방식의 장점

  • 스팸방지 및 보안강화 - 이메일 인증을통해 회원가입을 할 경우 스팸계정을 줄일 수 있음
  • 이메일주소 재수집 불필요 - 마케팅 및 유저 관리에 필요한 이메일주소를 추가적으로 수집 할 필요가 없음
  • 비밀번호 분실 시 복구 가능 - 이메일 인증을 통해 비밀번호 찾기 기능을 제공 할 수 있음  

다음편에 이메일 인증 없이 비밀번호 복구 기능을 다룰 예정입니다

 

 

이메일 로그인 방식의 단점

  • 이메일 입력이 번거로움 - 사실 이게 가장 큰 이유입니다. 조금이라도 번거로우면 유저들은 회원가입 자체를 피하게 되죠

 

이렇게 이메일 로그인 방식에 많은 장점이 있습니다. 그러나 '번거로움' 이라는 단점으로 인해 사용자들이 회원가입 과정에서 피로감을 느낄 수 있습니다. 따라서 우리는 사용자 경험을 최적화하고, 고객의 니즈에 맞춰 개발하는 것이 중요합니다.

 

 

 

 

"이메일 vs 아이디 로그인, 어떤 사이트에 적합할까?"

 

 

 

이메일 로그인 방식이 유리한 서비스

 

  • 보안이 중요한 경우 (은행, 쇼핑몰, 업무 툴)
  • 계정 복구가 필요한 경우 (고객센터, 학술 사이트)
  • 이메일 마케팅이 중요한 경우 (커머스, 뉴스레터)

 

ID 로그인 방식이 유리한 서비스

 

  • 익명성이 중요한 경우 (커뮤니티, 게임, SNS)
  • 빠른 가입이 필요한 경우 (웹툰, 스트리밍 서비스)
  • 다중 계정이 필요한 경우 (MMORPG, 포럼)

 

 

 

 

제공하는 서비스의 특성에 맞춰 이메일 또는 ID 로그인 방식을 결정하는 것은 매우 중요합니다.

 

 

 

 

 

 

Email 없이 ID로 회원가입 구현하기

 

일반적으로 회원가입을 구현할 때 사용하는 Input 필드에는 이메일 주소를 입력하는 칸이 포함됩니다.

 

이때, 이메일 입력 필드의 Content format은 Email로 설정을 하게됩니다


이 설정을 유지하면 값이 이메일 형식이 아닐 경우 "Invalid format"으로 인식됩니다.

 

 

그러나 우리는 ID 로그인 방식을 사용할 것이므로, 해당 Input의 Content format을 Text로 변경하겠습니다.

 

 

이제 회원가입 워크플로우로 이동합니다

 

 

회원가입 시 이메일과 비밀번호를 입력하라는 기본 필드가 나타납니다.

 

우리가 이메일 입력란 대신 ID를 사용하려고, 해당 인풋의 Content format을 Text로 설정했지만,


이 값을 그대로 Email 입력 필드에 넣으면 자동으로 Email format으로 변환됩니다.

 

그리고 억지로 일반 텍스트를 넣게되면

 

해당 Alert가 뜨며 회원가입을 할 수 없게 됩니다

 

 

 

 

하지만 더미(dummy) 도메인를 활용하면 이를 해결할 수 있습니다.

 

회원가입 시 사용자가 입력한 ID를 기반으로 임시 이메일 주소를 생성하여 저장하는 방식입니다.


예를 들어, 사용자가 DevMin이라는 ID를 입력하면,

DevMin@dummy.com 같은 형식의 가짜 이메일을 자동 생성하여 Email 필드에 저장하면 됩니다.

 

이렇게 하면 Bubble의 기본 이메일 인증 시스템을 우회하면서도,


사용자는 ID만 입력하여 간편하게 회원가입할 수 있게 됩니다.

 

 

 

워크플로우 예시

 

Email 필드에 Arbitrary text를 입력합니다

 

Arbitrary text의 값은

Input의 값(text)@원하는 도메인주소 를 입력합니다

 

이렇게 설정하면 ID값 만으로도 정상적으로 회원가입이 완료된것을 확인할 수 있습니다

 

Bubble은 이메일 필드를 필수로 요구하지만, 더미 도메인을 활용하면 ID 기반 회원가입이 가능해집니다

 

 

 

 

 

 

이제 이메일 없이 ID만으로 간편하게 회원가입을 구현하는 방법을 알아봤습니다

 

이메일 로그인 방식이 아닌 ID 로그인 방식을 도입하면,

더 빠른 가입 프로세스
간편한 로그인 경험
익명성을 유지할 수 있는 환경을 제공할 수 있습니다.

 

서비스의 특성에 맞는 로그인 방식을 선택하여 최적의 사용자 경험을 만들어보세요!

 

다음 시간에는 이메일 없이 ID로 가입한 유저의 비밀번호를 재설정하는 방법에 대해 포스팅하겠습니다

 

 

Bubble.io 외주 개발이 필요하다면? IFINITY와 함께하세요!

IFINITY는 Bubble.io 공식 인증 개발사로, 맞춤형 No-Code 외주 개발을 지원합니다.

📩 문의하기: support@if-inity.io
🌐 홈페이지 방문: IFINITY
💬 카카오톡 상담: 오픈 채팅

노코드 개발, 제대로 시작하고 싶다면 지금 상담하세요!

관련글 더보기