inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

React에서 오픈API 사용 시 CORS 에러

735

장준수

작성한 질문수 1

0

안녕하세요.

과제로 공공데이터 오픈API를 사용해서 웹을 하나 만들게 되었습니다.

api에서 자료를 받아오는 과정에서 cors에러가 발생해 해결하려다가 결국 혼자서 해결이 안되어 질문 드립니다.

 

  1. package.json에 { ... "proxy": "http://openapi.molit.go.kr" ... }를 작성하고 실행했을 때

    error code.PNG이런 에러코드가 발생하며 npm start가 진행되지 않습니다.

  2. 터미널에서 npm install http-proxy-middleware 설치 후

    /src/setupProxy.js file 생성, 다음과 같이 코드 작성

    error.PNGnpm start 시 접속이 불가능

    error2.PNG

도대체 어떻게 해야 cors에러를 해결가능할까요...

아무리 찾아봐도 이 두가지 방법밖에 안나오는데 두가지 다 적용이 안되니 답답해 죽겠습니다..

react cors api

답변 0

클로드 설치 및 강의 미션 관련

0

14

0

/config Thinking mode 설정

0

14

1

안녕하세요, 강의 수강 중인 학생입니다.

0

14

1

rules 폴더나 CLAUDE.md 파일 관리 관련 질문

0

19

2

cursor 안에서 다운로드 안되는 게 많은데 대체가 필요할까요

0

38

2

업데이트로 인한 에이전트 생성 변경

0

37

2

starter kit 프로젝트에 prd 문서 만들기

0

46

2

명령어 여러줄 입력방법?

0

43

2

ctrl + 't' 단축어가 안먹어요

0

36

1

클로드코드 계획 보고 방법 알고싶어요.

0

47

2

실무 버전 출시는 언제?

0

46

1

예시 1, 2, 3에서 질문있습니다.

0

44

2

Cursor 프로젝트 목록 및 작업 환경 동기화 문의

0

36

1

파워쉘, 터미널

0

46

2

스킬과 서브에이전트 병행 사용 질문

0

55

2

강의 잘 들었습니다.

0

36

1

터미널에서 커서 AI 직접 실행

0

42

2

해결했습니다

0

39

1

이런 경우는 어떤 조치를 취해야할까요?

0

46

2

hooks 설정이 안되요

0

51

2

영상 최신으로 엡데이트 요청

0

73

2

소스 코드가 회사 보안 프로그램에 막혀서 안 보여요.

0

64

2

claude code 상태표시줄 궁금합니다!

0

53

2

수파베이스 데모 버전

0

42

1