요즘 사이트들 보면 카카오 로그인, 구글 로그인, 네이버 로그인 등 많다.그래서 필요시 사용할겸 구현 해보았다 # kakao login processhttps://developers.kakao.com/docs/latest/ko/kakaologin/common Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com # client sectionreact 폴더에서 npm install react-router-dom 설치 해주기. router 사용할 준비가 되었다. # App.js에서 // App.jsimport React from 'react';import {..
# 에러 내용 : ERROR in ./src/App.js 7:0-74 Module not found: Error: Can't resolve 'react-router-dom' in ERROR in ./src/components/Hello.js 6:0-26 Module not found: Error: Can't resolve 'axios' in # 원인 : react에서 해당 하는 라이브러리(모듈)를 사용할때, 설치 되어 있지 않을때 나는 에러. # 해결해당 하는 라이브러리를 설치해주면 됨.터미널 해당 react 위치에서npm install axios --save npm install react-router-dom 후에 다시 npm start 시작 하기
npm install 시 아래 처럼 나올 때. # 에러 내용 : $ npm install npm error code ERESOLVE npm error ERESOLVE could not resolve npm error npm error While resolving: react-virtualized@9.22.3 npm error Found: react@17.0.2 npm error node_modules/react npm error react@"^17.0.2" from the root project npm error peer react@"*" from @testing-library/react@12.1.2 npm error node_modules/@testing-library/react npm error @..
springboot 터미널 창에서 # springboot + react 연동 1. react installcd src/main 해당 위치에서npx create-react-app react(원하는 이름)약 1~2분 기다리면 src/main 아래에 react라는 폴더 만들어짐. 2. react startcd reactnpm start 인터넷 브라우저에서 주소 : localhost:3000 3. springboot와 react 간에 proxy 열기 하는 이유 : 안하면 콘솔창에 CORS 관련 에러 나옴. package.json 파일 안에서proxy : "http://localhost:8080" application.yml에서 port 변경시 그 port로 적어주기 4. axios 설치터미널 react 폴더 위..