inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)

API 서버 연동

빌드시 proxy 질문

647

열씨미살자!

작성한 질문수 87

1

react나 vue를 사용할 경우 실제 배포시 proxy 설정만 해주어도 별도의 서버설정없이 통신이 가능한건가요 ?

babel eslint 웹팩 nodejs

답변 4

1

김정환

네 그렇습니다.

웹서버의 역할을 간단히 정리하면, 1) 정적파일을 제공하고 2) ajax로 사용하는 api를 제공합니다.

api를 제공하는 방법은 2.1) api를 자체적으로 제공하거나 2.2) 다른 api 서버의 리소스를 전달하는 방식이 있습니다. 프록시는 2.2 방식에서 사용하는 방법입니다.

0

열씨미살자!

답변 감사합니다 !! :)

0

열씨미살자!

프록시없이 cors 관련 헤더를 서버단에서 추가하는 방식도 있고

프록시같은경우는 현재 개발 서버이기 때문에 배포시에는 사용못하는 서버이고

배포시 api서버에 데이터 요청을 할때에 proxy 설정을 배포하는 서버에 설정이 필요하다는 건가요 ?

0

김정환

그렇지 않습니다. 여기서 설정한 것은 개발서버(webpack-dev-server)이기 때문에 배포대상이 되는 환경에서는 사용할 수 없습니다. 

배포할 서버에 별도로 웹서버를 구성해야하고 필요에 따라서는 프록시 설정도 추가해야 합니다.

경우에 따라서는 프록시 없이 cors 관련 헤더를 api 응답에 추가하는 방식도 사용할 수 있고요.

지금 시점에서 해당 강의를 듣는 것에 대하여

1

111

3

2025년 기준 번들러 트렌드와 선택 기준이 궁금합니다 (Webpack, Vite, tsup 등)

1

223

1

에러 해결 공유드립니다

1

225

2

webpack 4 버전과 호환되는 플러그인 버전 공유드립니다

1

233

2

eslint

0

381

3

도와주세요!

0

167

2

[수강 중 트러블슈팅 공유] webpack, webpack-cli 버전

1

145

1

질문 an error occurred while loading the image

1

469

1

webpack에서 babel-loader 사용할때 질문

1

150

1

자주 사용하는 플러그인 에서 질문이 있습니다.

1

168

1

eslint no-extra-semi 관련 질문

1

144

1

webpack5 에서 open index.html하는법 + 질문

1

167

1

TypeError: ((process.env.NODE_ENV === "production") && [MiniCssExtractPlugin]) is not iterable

2

302

1

혹시 웹팩 5 내용으로 강의 업데이트는 안되는건가요?

1

371

1

에러없이 png안뜨시는 분들

1

274

1

Error: Cannot find module 'node:crypto'

1

464

1

DefinePlugin 관련; env와 관련하여, (21.06.22 16:15, aloha_jh) 답변포함

1

407

1

깃허브 확인 문의

0

575

1

폴더를 prettier로 돌렸을 때 나오는 에러 구문에 대한 질문

0

405

1

해쉬값과 캐쉬 갱신

1

461

1

Hash 에러 발생

1

2667

2

webpack.config.js에서의 CommonJS방식에 대한 질문

0

831

3

웹팩 버전

0

524

1

웹팩-cli 버전을 명시하지 않으면 왜 에러가 날까요?

0

485

1