반응형 리액트2 [React] 카카오 로그인 구현 1 프로젝트 진행 중에 카카오 로그인을 해보기 위해서 react + spring 으로 하고자 합니다. 일단 준비사항으로는 kakao developer 에 들어가서 id 받아와야합니다.여기에서 REST-API 키 가져오고요 여기서 시크릿 키 가져옵니다. React 구현 import React from "react";import Button from "./Button";// 환경 변수에서 REST API 키와 리다이렉트 URI 가져오기const REST_API_KEY = process.env.REACT_APP_REST_API_KEY;const KakaoLoginButton = () => { const handleLogin = () => { console.log('REST_API_KEY:',.. 2024. 12. 15. Vercel 을 사용한 리액트 프론트엔드 배포 , GitActions 활용으로 자동화 최근에 프로젝트를 시작했습니다. 근데 거기에는 파이썬서버와, 리액트 서버, 스프링 서버 3개가 있습니다. 그래서 깃허브에서 조직을 생성해서 3개의 서버를 생성했습니다. Vercel 은 개인 레포 는 무료이지만, 조직에서는 유료를 받습니다. 그러면 조직에서 프론트 프로젝트만 Fork 따서 하면 되더라고요 ? 여기서 제 frontServer 를 포크 땁니다. 그리고 vercel 의 포크 딴 브랜치를 등록해줍니다. 등록은 쉬워요1. vercel 들어가기2. Add new 누르기 (프로젝트 생성 ?)3. 내 레포지토리에서 포크딴 프로젝트 import 하기 4. 그리고 다 default 로 확인확인 누르면 알아서 됩니다. 그러면 프론트 배포는완료인데요근데 새롭게 프론트가 배포가 되려면 제 포크된 레포의 코드.. 2024. 11. 19. 이전 1 다음 반응형
