Irene88

백엔드, 프론트엔드 포트번호에 대해서...

보통 백엔드와 프론트엔드 프로젝트 구축할 때 포트번호가 별도로 나뉜다.챗GPT에 너무나 궁금해서..백엔드와 프론트엔드 포트번호를 동일하게 설정하면 안되는지... 물어봤다. "백엔드 포트랑 프론트엔드 포트 똑같이 해도 돼?" 🎯 결론부터 말할게❌ 프론트엔드랑 백엔드는 포트를 똑같이 쓰면 안 돼.항상 서로 다른 포트를 써야 해.✨ 이유포트는 컴퓨터 안에서 '주소' 같은 거야.하나의 포트에는 하나의 프로그램만 연결될 수 있어.예를 들어 3000번 포트에 프론트엔드가 이미 서버를 열었다면,거기에 백엔드 서버를 또 띄우려고 하면 충돌나서 에러 터진다.프론트와 백엔드는 '다른 프로그램'이야.Next.js 개발서버 (yarn dev)는 자체 HTTP 서버를 연다.Node.js (Express) 서버도 또 다른..

CORS란? (Cross-Origin Resource Sharing)

🌍 CORS가 뭔가?CORS는 '다른 출처(Origin) 간의 리소스 공유'를 허용할지 말지 서버가 결정하는 정책이야.웹 브라우저는 보안 때문에 기본적으로, 다른 출처(Origin) 에 요청을 보내는 걸 차단한다.여기서 "출처(Origin)"는 다음 3가지를 합쳐: 프로토콜 + 도메인 + 포트예시:https://example.com:443 과http://example.com:80 은 다른 출처야 (프로토콜이 다름).https://api.example.com 은 도메인 자체가 다르니까 당연히 다른 출처고. 📦 예를 들어볼게너의 프론트엔드 (Next.js, React 등)가http://localhost:3000에서 동작 중인데,서버(API) 가http://localhost:8080 에 있다면,서로 포트번..