- 전체보기(42)
- 포트폴리오(20)
- Spring(10)
- 카우치코딩(9)
- React(7)
- oAuth(4)
- Java(4)
- 리액트(4)
- 취업(3)
- CouchCoding(3)
- 웹개발(3)
- CI/CD(3)
- 프론트엔드(3)
- 취업준비(3)
- github(3)
- Firebase(3)
- 구글 로그인(3)
- react testing library(2)
- 테스트(2)
- API(2)
- 배포(2)
- 버전관리(2)
- TDD(2)
- JWT(2)
- 모각코(2)
- github actions(2)
- 면접(2)
- 스프링(2)
- 프로젝트(2)
- heroku(2)
- 이직(2)
- oauth2(2)
- 클린코드(2)
- figma(2)
- 리팩토링(2)
- 메타버스(2)
- http(2)
- 취뽀(2)
- frontend(2)
- git(2)
- redis(2)
- 포트폴리오 수업(2)
- kibana(1)
- elasticsearch(1)
- 개발(1)
- 웹 개발자(1)
- 세션(1)
- 쿠키(1)
- webflux(1)
- profile(1)
- 개발자모임(1)
- django(1)
- gitflow(1)
- 개발자 포트폴리오(1)
- 구글(1)
- 웹 캐시(1)
- springMVC(1)
- MVC(1)
- hosting(1)
- PaaS(1)
- 무료수업(1)
- PostgreSQL(1)
- 모같취(1)
- 튜토리얼(1)
- 프론트엔드 강의(1)
- properties(1)
- 리액트 강의(1)
- 네트워크(1)
- 디자인(1)
- 비트코인(1)
- tailwind(1)
- 무료강의(1)
- 모여서각자코딩(1)
- 로그서비스(1)
- OAuth2.0(1)
- 코드분석(1)
- Querydsl(1)
- REST API(1)
- docker(1)
- 프로토콜(1)
- DB_설계(1)
- 웹개발자(1)
- MemCache(1)
- commit(1)
- tandem(1)
- cloud(1)
- google login(1)
- 네카라쿠배(1)
- cd(1)
- 개발환경(1)
- 도구(1)
- 툴(1)
- 좋은코드(1)
- 도지코인(1)
- sns로그인(1)
- BooleanExpression(1)
- CSS(1)
- CSS Module(1)
- Sass(1)
- styled components(1)
- api설계(1)
- 기획(1)
- repository(1)
- clone(1)
- MSW(1)
- erd(1)
- Sprign Security(1)
- 관리(1)
- 개발자(1)
- qoddi(1)
- RestClient(1)
- kafka(1)
- mock(1)
- file storage(1)
- 블록체인(1)
- pull(1)
- 크롤링(1)
- BE(1)
- kakao map(1)
- aws(1)
- db(1)
- kotlin(1)
- cookie(1)
- Grafana(1)
- Database(1)
- postman(1)
- 웹서비스(1)
- 파이어베이스(1)
- 프로젝트관리(1)
- 토이프로젝트(1)
- 모임(1)
- 웹서비스 아키텍처(1)
- 공부(1)
- 4차산업혁명,(1)
- FE(1)
- 보안(1)
- redux(1)
- Frontend test(1)
- JPA(1)
- 이벤트(1)
- 카페찾기웹사이트(1)
- 유닛테스트(1)
- 도커(1)
- 설계(1)
- session(1)
- 강의(1)
- ci(1)
- slack(1)
- 인증(1)
- 협업프로젝트(1)
- 포트폴리오 제작(1)
- cleancode(1)
- sql(1)
- 백엔드(1)
- 조건검색(1)
- 소프트웨어 아키텍처(1)
- 협업도구(1)
- push(1)
- 풀스택(1)
- uml(1)
- framework(1)
- 프레임워크(1)
- actions(1)
- 이더리움(1)
- 동적쿼리(1)
- OOP(1)
- 초보 개발자(1)
Firebase로 Google 로그인 구현하기 (React 파트)
안녕하세요 카우치코딩입니다. 이전글 [* Firebase로 Google 로그인 구현하기 (Spring + React 예제) ](https://velog.io/@couchcoding/Firebase%EB%A1%9C-Google-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0-Spring-React-%EC%98%88%EC%A0%9C) [* Firebase로 Google 로그인 구현하기 (Spring 파트) ](https://velog.io/@couchcoding/Firebase%EB%A1%9C-Google-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0-Spring-%ED%8C%8C%ED%8A%B8) 이전 포스팅에서는 Java Spring을 통해서 Resource Server 부분을 구현해보았는
Firebase로 Google 로그인 구현하기 (Spring 파트)
안녕하세요 카우치코딩입니다. 이전 포스팅에 이어 구글 로그인응 이용하기 위하여 Java Backend(SpringBoot)를 통해 Resource Service를 구현하는 것을 배워보겠습니다. 예제는 자바로 진행하나 구조를 익히면 다른 백엔드 프레임워크에서도 사용할 수 있을 것입니다. 위 그림에서 6-9에 해당되는 로직입니다. 1. 프로젝트 셋업하기 Fireba
Firebase로 Google 로그인 구현하기 (Spring + React 예제)
안녕하세요 카우치코딩입니다. 최근 여러 서비스를 이용하면 예전처럼 ID, Password를 입력해서 회원가입을 하는 경우는 거이없고 대부분 구글, 카카오, 네이버등 다른 서비스의 아이디를 이용해서 로그인을 합니다. 이러한 기술을 OAuth라고 합니다. 이번 글에서 Oauth의 최근 표준인 OAuth2.0이 어떻게 동작하는지 알아보고 Oauth 제공 서비스인 Firebase를 이용해 구글 로그인을 구현해봅시다. 예제코드는 React와 Spring으로 작성하였습니다. Oauth2.0 동작 방식 Oauth2.0은 Authorization Server, Resource Server, Resource Owner(User), Client 로 구성됩니다. Authorization Server 권한을 부여하는 서버입니다. 구글, 카카오등 인증을 제공합니다. **Resource