에러 : React Hook "useState" is called conditionally. React Hooks must be called in the exact same order in every component render # 원인 react에선 hook 앞에 hook이 아닌 함수들 존재할시 나타나는 에러. # React Hook 이란 :React에서 상태(state)와 생명주기(lifecycle) 같은 기능을 함수형 컴포넌트에서 사용할 수 있게 해주는 함수입니다. 예전에는 상태나 생명주기 같은 기능을 클래스형 컴포넌트에서만 사용할 수 있었는데, React Hooks를 사용하면 함수형 컴포넌트에서도 이러한 기능을 손쉽게 사용할 수 있습니다. # 해결 ex) if (!card) return Load..

[error]spring controller에서 file upload 해서 db에 저장할때, Content type 'application/octet-stream' not supported 같은 에러가 나올때 해결하는 방법. [해결]import com.fasterxml.jackson.databind.ObjectMapper;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.http.MediaType;import org.springframework.http.converter.json.AbstractJackson2HttpMessageConverter;import org.springframework.st..

요즘 사이트들 보면 카카오 로그인, 구글 로그인, 네이버 로그인 등 많다.그래서 필요시 사용할겸 구현 해보았다 # 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 시작 하기