국비지원 파이널 프로젝트로 결제기능을 구현하게 되었다. 아임포트api를 사용하기로 했고 문서부터 정독했다. (참고) https://github.com/iamport/iamport-react-example/blob/master/manuals/PAYMENT.md 1. 세팅하기 (Payment.js) - 라이브러리 호출 React와 useEffect를 import 해준다. useEffect를 사용하는 이유는 브라우저가 이 파일을 처음 호출했을 때 useEffect의 내부코드가 변하는 것이 없다면 컴포넌트가 호출되는 첫 시점에 한번만 호출된다. 그리고 컴포넌트가 소멸하기 직전에 useEffect의 리턴을 호출한다. react에서 아래와 같이 jquery와 iamport 를 호출할 수 있다. import Reac..

학원 프로젝트중에 Spring과 React를 같이 쓸려고 하는데 CORS에러가 발생했다. 구글링 해 본 결과, SpringBoot와 React를 연결하여 Spring Security로 CORS를 해결하는게 대다수였다. 특히 나처럼 국비지원을 하는사람들은 SpringBoot를 안(못?)쓰는 경우가 많을텐데 해결방법을 공유하려한다 방법을 작성하기전에 한가지 말하고 싶은게 있다면 굳이 Spring Security를 쓰려고 시도하지 않아도 된다! 에러를 해결하는 방법은 간단할수록 좋은게 아닐까? 다른 사람들이 Security로 해결한다고 해서 나까지 똑같이 따라할 필요는 없다. 이런 당연한 사실을 간과하고 나는 이틀 내내 Security를 사용하려고 발버둥쳤다.... 여튼 이제 코드를 써보겠다. Filter를 ..