이슬먹는 개발자

[트러블슈팅] 개발 중 CORS 에러, dev server proxy로 깔끔하게 넘기기 (Vite / Webpack)

프론트엔드 개발하다 보면 십중팔구 만나는 그 빨간 에러.Access to fetch at 'http://localhost:8080/api/users' from origin'http://localhost:5173' has been blocked by CORS policy:No 'Access-Control-Allow-Origin' header is present on the requested resource.로컬에서 프론트 띄우고 API 좀 불렀을 뿐인데 요청이 막힌다. 오늘은 이 에러를 개발 환경에서 가장 깔끔하게 넘기는 방법, dev server proxy를 다룬다. Vite와 Webpack 둘 다 정리한다.먼저: 이게 왜 나는지 딱 한 줄만 알고 가자브라우저에는 동일 출처 정책(Same-Origin P..

[DevOps] 쿠버네티스 핵심 3개 — Pod, Deployment, Service 이해하기

지난 글에서 쿠버네티스가 왜 필요한지, 그리고 "원하는 상태를 선언하면 알아서 맞춰준다"는 철학을 잡았다. 오늘은 그 선언을 실제로 이루는 가장 기본적인 3개 개념을 본다.Pod: 컨테이너를 담는 최소 단위Deployment: Pod를 몇 개, 어떻게 유지할지 관리Service: Pod에 접속할 안정적인 통로이 셋의 관계만 이해하면 쿠버네티스의 절반은 잡은 거다. 하나씩 가보자.Pod — 컨테이너를 담는 최소 단위쿠버네티스에서는 컨테이너를 직접 다루지 않는다. 대신 Pod(파드)라는 걸 다룬다.Pod는 컨테이너를 하나(또는 여러 개) 감싼 껍데기다. "왜 컨테이너를 그냥 안 쓰고 한 겹 더 감쌌지?" 싶을 텐데, 쿠버네티스가 관리하는 최소 단위를 Pod로 통일해뒀다고 생각하면 된다. 컨테이너를 직접이 아..