유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

AI로 풀스택 개발하기 : 구글 로그인(프론트+백엔드 동시 개발)

CODE GEAR - 코드기어

2025. 8. 2.

0

#frontend
#backend
  • AI로 풀스택 개발 중 프론트엔드와 백엔드를 동시에 개발하는 방법 시연 🧑‍💻
  • 구글 클라우드 플랫폼에서 구글 로그인 기능을 위한 설정을 진행하고, OAuth 클라이언트 아이디를 생성합니다. 🔑
  • VS코드에서 프론트엔드와 백엔드 폴더 구조를 설정하고, 클로드 코드를 통해 폴더 구조와 파일을 분석합니다. 📁
  • 클로드 코드에 구글 로그인 기능 추가 요청시, 백엔드와 프론트엔드에 필요한 기능을 나누어 작업 계획을 수립합니다. 📝
  • 백엔드에 구글 OAuth 패키지 설치, OAuth 설정, 스트래티지 구현 등을 진행하고, 프론트엔드에 로그인 버튼 컴포넌트 생성, OAuth 콜백 처리 페이지 생성 등을 진행합니다. ⚙️
  • 패키지.json에서 백엔드와 프론트엔드 서버를 실행하고, 브라우저에서 구글 로그인 기능을 테스트하여 완료합니다. ✅

Recommanded Videos