리액트(React)에서 구글 리캡차(reCAPTCHA) 연결하기

• 리캡차(reCAPTCHA)는 구글에서 개발한 보안 기술로, 웹사이트를 자동화된 프로그램이나 봇으로부터 보호하며, 사용자가 사람인지 봇인지를 판별해준다.

• 리캡차의 플로우는 사용자의 동작에 따라 구글에 토큰을 요청하고, 구글에서 토큰을 받아 백엔드 서버로 전송, 구글서버에서 사용자의 동작을 점수로 매긴 계산결과를 바탕으로 true/false 값과 에러 코드를 백엔드에 전달하는 과정을 거친다.

• 리캡차를 구현하기 위해서는 먼저 구글 리캡차 사이트에 이용할 사이트를 등록해 시크릿 키를 발급받아야 하며, 리액트 라이브러리를 설치해야 한다.

• 발급받은 토큰을 서버로 전송하는 과정에서는 form을 활용해 회원가입을 진행하며, form에 토큰값을 넣어서 보내는 방식으로 구현한다.