로그인이 필요없는 이미지 생성 AI Scribble Diffusion으로 이미지 생성하기
사용자가 자신의 계정 정보를 직접 공유하지 않아도 서드 파티 애플리케이션들이 제한된 접근을 할 수 있게 해줍니다. 카카오 로그인은 카카오계정으로 여러가지 서비스에 로그인할 수 있도록 하는 소셜 로그인 서비스입니다. 카카오싱크는 서비스 간편가입 등 카카오 로그인에 더 여러가지 증대 기능을 제공하는 비즈니스 설루션입니다. 카카오 로그인과 카카오싱크가 제공하는 핵심 기능은 다음과 같습니다.
Scribble Diffusion 사용법
그럼 이제 Scribble Diffusion의 사용법을 알아보겠습니다. 1 1단계는 생성하기를 요구하는 그림을 대략적으로 그리는 것입니다. 사이트에 예시 그림이 있었는데 Clear휴지통 모양을 클릭하시면 예시 그림이 지워집니다. 그림을 그리다가 지우고 싶으면 larrUNDO 를 클릭하시면 직전에 그린 선이 지워집니다. 2 2단계는 그림에 대한 정리를 작성하는 것입니다. 이 부분은 기존의 이미지 생성 AI 사용법과 같습니다.
영어로 적어야 하며 구체적으로 적어주어야 합니다. 3 3단계를 Go를 누르기 로 판단됩니다 이렇게 Go를 클릭하시면 이와 비슷한 결과가 나옵니다.
Client Credentials Grant 의뢰인 자격증명 부여
각 인증 방식은 상황과 청구 사항에 따라 다르게 적용될 수 있으며, 각 방식의 보안 리스크와 트레이드 오프를 고려하여 적절한 방법을 선택해야 합니다. 개념:
이 방식은 클라이언트에게 인증 코드를 제공하는 대신 바로 액세스 토큰을 전달합니다. 사용처:
주로 JavaScript를 사용한 의뢰인 사이드 애플리케이션에서 사용됩니다. 이 방식은 의뢰인 비밀을 저장할 수 없는 여건에서 사용됩니다.
흐름유저가 클라이언트를 통해 리소스 소유자로 로그인합니다. 인증 서버는 액세스 토큰을 바로 클라이언트에게 반환합니다. 개념
이 방식은 사용자의 아이디와 비밀번호를 직접 요구합니다.
상단바를 꾸며 보자.
공짜로 사용 가능한 곳입니다. SVG 형식으로 사용할 것이기 때문에 저걸 클릭하게 되면 복사가 됩니다. 엄청 크게 나오긴하는데 이따가 css를 통해 크기 조정을 해주면 됩니다. 다음은 폰트를 구하러 가보자. fontawesome 에서 아이콘을 이용해서 앞서서 했던 걸 다. 지워버렸다. body 태그 닫기 전 관련해 script를 넣어줘야 합니다. 요구하는 아이콘을 고른 뒤 요구하는 관련해 붙여넣어주면 됩니다.
요렇게 넣어진다. (유료일 경우 아무리 붙여넣어도 아이콘이 안생긴다.
파일을 두 개 만들어야 합니다.
로그인 화면 페이지와 redirectURI로 갈 때 보여질 화면 이렇게 두 개가 있어야 합니다. 나는 Loginpage.js와 KakaoRedirect.js 이렇게 만들었다. KakaoRedirect.js는 꼭 라우팅 설정을 해주시기 바랍니다야 한다 예를 들어, redirectURI가 httplocalhost3000oauth였다면 아래처럼 라우팅 설정을 해줍니다.
로그인, 회원가입 분리
마지막으로 로그인과 회원가입을 분리해보자 아래는 이부분의 컨트롤러다. 로그인 시도 api 호출 회원가입된 유저 O 로그인 성공 로그인 시도 api 호출 회원가입된 유저 X 로그인 실패 회원가입이 필요합니다.고 알림 회원가입 api 호출 회원가입 여부에 따라 isRegistered값을 다르게줍니다. 그리고 이 값이 false의 경우 앞선 accessToken과 RefreshToken은 필요없어지게 되므로 JsonIncludeNONNULL으로 아예 없애버리도록 했다.
이렇게 보다. 깔끔하고 안전하게 로그인을 구현해보았습니다.
Loginpagjs
여기에 넣을 것들은 로그인 버튼 KakaoURL로 걸어가는 코드 이렇게 두 개다. const kakaoURL KRESTAPIKEYredirecturiKREDIRECTURIresponsetypecode
이걸 그대로 넣어주면 됩니다. 그럼 설정해 준 apiKey와 RedirectURI가 들어갈 거다. 이 kakaoURLKakaoAuthUrl로 들어가면, 자동으로 카카오 로그인 화면이 나타나고, 다. 동의하고 확인을 클릭하시면 설정한 RedirectUri로 접속이 되는 거다.