오늘 Product Hunt에 올라왔어요! 댓글 남기기

Authenticator 1.15.2이(가) 출시되었습니다. 새로운 기능 보기

Webflow 인증 앱 사용하기

Webflow 2단계 인증은 어떤 인증 앱과도 작동합니다. Webflow는 Google Authenticator를 권하지만, 브라우저 안의 인증 앱도 똑같이 쓸 수 있습니다. Account settings(계정 설정) → Security(보안)를 열고 ‘Enable two-factor authentication’(2단계 인증 사용)을 클릭한 다음, Authenticator 확장 프로그램으로 화면의 QR 코드를 스캔하세요.

Webflow 계정은 워크스페이스의 모든 사이트를 엽니다. Designer, CMS, 폼 제출 내용, 호스팅, 사용자 지정 도메인과 그 결제까지요. 내 비밀번호로 로그인한 사람은 운영 중인 사이트를 바꾸거나 내려 버릴 수 있습니다. 2FA를 켜면 Webflow가 로그인할 때마다 인증 앱의 6자리 코드도 요구합니다.

Webflow에서 2단계 인증 켜기

  1. 컴퓨터의 Chrome에서 Webflow에 로그인합니다.
  2. 내비게이션 바의 Account(계정) 드롭다운을 클릭하고 ‘Account settings’(계정 설정) → ‘Security’(보안)를 엽니다.
  3. ‘Enable two-factor authentication’(2단계 인증 사용)을 클릭합니다.
  4. Webflow가 QR 코드를 보여 줍니다. 화면에 그대로 둔 채 아래 설명대로 확장 프로그램에 추가하고, 확장 프로그램의 코드를 입력해 확인합니다.
Webflow 공식 안내

Authenticator에 Webflow 추가하기

  1. Chrome Web Store에서 2FA Authenticator – OTP 인증기를 설치하고 툴바에 고정해 두면 클릭 한 번으로 아이콘을 열 수 있습니다.
  2. QR 코드가 표시된 Webflow 페이지는 그대로 열어 둡니다. Authenticator 아이콘을 클릭한 다음 ‘계정 추가’ → ‘QR 코드’ → ‘화면에서 QR 스캔’을 선택합니다.
  3. 목록에 계정이 추가되고 30초마다 바뀌는 6자리 코드가 표시됩니다. 원하면 이름을 바꿔도 됩니다. 이름은 나만 보는 표시입니다.
  4. Webflow 페이지로 돌아가 현재 코드를 확인 입력란에 입력합니다. 곧 만료될 것 같으면 다음 코드를 기다리세요.
  5. Webflow에서 2단계 인증이 켜졌다고 알려 줍니다. 이제부터 로그인할 때마다 코드를 요구하니, 확장 프로그램 아이콘을 클릭해 복사하세요.

QR 코드가 없거나 스캔되지 않나요? Webflow 설정 화면에서 키를 직접 입력하는 옵션을 찾아 키를 복사한 다음, 확장 프로그램에서 ‘계정 추가’ → ‘수동 입력’ → ‘비밀 키’로 추가하세요.

Chrome에 2FA Authenticator – OTP 인증기 설치 — 무료

Webflow 백업 코드 8개 저장하기

설정 중에 Webflow가 백업 코드 8개를 보여 줍니다. 이때만 보여 주므로 다음으로 넘어가기 전에 복사하세요. 각 코드는 코드 대신 한 번씩 쓸 수 있습니다. 새 코드 세트가 필요하면 2단계 인증을 껐다가 다시 켜세요. 코드를 다 쓰거나 인증 앱과 함께 잃어버리면 2FA를 끌 수 있는 곳은 Webflow 고객 지원팀뿐입니다.

코드가 인식되지 않나요?

가장 흔한 원인은 QR 코드가 바뀐 것입니다. 웹사이트는 설정 페이지를 새로 고치거나 다시 열 때마다 새 QR 코드를 만들기 때문에, 먼저 추가한 계정은 더 이상 맞지 않습니다. 설정을 처음부터 다시 시작하고, 지금 화면에 있는 QR 코드를 추가한 뒤 그 코드를 바로 입력하세요. 같은 웹사이트 항목이 두 개인가요? 가장 최근 것을 쓰세요. 다른 원인: 코드가 거부되는 이유.

키를 직접 입력하셨나요? 키를 TOTP 코드 생성기에 붙여 넣고 나온 코드를 확장 프로그램의 코드와 비교합니다. 다르다면 키가 잘못 복사된 것이니 계정을 다시 추가하세요.

자주 묻는 질문

휴대폰 없이 Webflow 2FA를 쓸 수 있나요?
네. Webflow는 휴대폰의 Google Authenticator를 권하지만, 확인하는 것은 코드뿐이며 표준 인증 앱이라면 무엇이든 그 코드를 만듭니다. Authenticator 확장 프로그램은 Webflow 설정 화면의 QR 코드를 바로 읽고 Chrome에서 코드를 만듭니다.
Webflow 2FA는 어떻게 끄나요?
Account settings → Security에서 ‘Want to disable it?’(사용 중지하시겠어요?)을 클릭하고 인증 앱의 현재 코드를 입력해 확인하세요. 나중에 다시 켜면 새 QR 코드와 새 백업 코드 세트를 받습니다.
인증 앱을 잃어버리면 어떻게 하나요?
백업 코드 중 하나로 로그인한 다음 2FA를 끄고 다시 설정하세요. 남은 백업 코드가 없다면 Webflow 고객 지원팀에 문의하세요. 지원팀이 2단계 인증을 꺼 줄 수 있습니다.
Webflow에서 코드가 틀렸다고 나오는 이유는 무엇인가요?
대개 QR 코드가 바뀌었기 때문입니다. 설정을 다시 열었다면 Webflow가 새 QR 코드를 만들었고, 처음 추가한 계정은 더 이상 맞지 않습니다. 지금 화면에 있는 QR 코드를 추가하고 그 코드를 바로 입력하세요. Webflow 항목이 두 개라면 가장 최근 것을 쓰세요.

로그인 화면에서 클릭 한 번으로 코드를

Authenticator는 2FA 코드를 브라우저 안, 내 기기에만 보관합니다. 무료로 사용할 수 있고 오픈 소스이며, 계정도 휴대폰도 필요 없습니다. 로컬 백업과 선택형 비밀번호 보호가 기본으로 들어 있습니다.

Chrome에 2FA Authenticator – OTP 인증기 설치 — 무료