[FE/BE] 포트포워딩(Port Forwarding)에 대해 자세히 알아보자! (정의, 구성요소, 장단점, 실습)
·
Tech Archive/[FE & BE]
1. 들어가며우리는 보통 인터넷 공유기를 통해 PC, 스마트폰, 태블릿 등 여러 기기를 연결합니다. 내부에서는 서로 파일을 주고받고 잘 통신하지만, 정작 카페나 다른 장소에서 집에 있는 내 컴퓨터에 접속하려고 하면 접속이 불가능합니다.이유는 간단합니다. 외부 인터넷 세상은 공유기(공인 IP)까지만 알고 있고, 공유기 뒤에 숨어 있는 내 컴퓨터(사설 IP)가 누구인지, 어떤 문(Port)으로 들어가야 하는지 모르기 때문입니다.이때 필요한 것이 바로 포트포워딩(Port Forwarding)입니다. 공유기에게 "이 번호로 들어오는 손님은 저 방으로 안내해 줘"라고 이정표를 세워주는 작업이죠. 이번 포스팅에서는 네트워크 엔지니어링의 기초이자 필수인 포트포워딩의 모든 것을 파헤쳐 보겠습니다.2. 포트포워딩이란? ..
[FE/BE] HTTP 상태 코드 - '서버 오류'와 '리다이렉션' (5xx, 3xx)
·
Tech Archive/[FE & BE]
1. 들어가며: "내(서버) 잘못"이거나 "다른 곳으로 가"지금까지 2xx(성공), 4xx(클라이언트 오류)를 알아봤습니다. 마지막 3편에서는 크게 두 가지 그룹을 다룹니다.5xx (서버 오류): 4xx와 반대로, 클라이언트(FE)의 요청은 완벽했지만 "서버(BE) 쪽에서 문제가 발생해" 요청을 처리하지 못한 경우입니다.3xx (리다이렉션): 이것은 '오류'가 아닙니다. 서버가 클라이언트에게 "요청한 리소스의 위치가 변경되었으니, 다른 주소로 다시 요청해"라고 알려주는 것입니다.2. 5xx (Server Error) – 서버 오류FE 입장: "나는 요청을 제대로 보냈는데 서버가 아프다. 내가 할 수 있는 건 없고, 사용자에게 '잠시 후 다시 시도해 주세요'라고 안내해야겠다."BE 입장: "큰일 났다! 5..
[FE/BE] HTTP 상태 코드 - '클라이언트 오류' (4xx)
·
Tech Archive/[FE & BE]
1. 들어가며1편의 2xx(성공) 코드가 개발자를 웃게 한다면, 4xx(클라이언트 오류) 코드는 우리를 디버깅의 세계로 인도합니다. 😅4xx 오류 그룹은 서버가 요청을 이해했으나, "클라이언트(브라우저, 앱)가 보낸 요청 자체가 잘못되어" 처리를 거부했음을 의미합니다.FE 입장: "내가 요청을 잘못 보냈구나! URL, 파라미터, 권한 등을 확인해야겠다."BE 입장: "클라이언트가 이상한 요청을 보냈네. 명확한 4xx 코드로 응답해서 무엇이 잘못됐는지 알려줘야겠다."개발자가 가장 흔하게 마주치고, 또 반드시 잡아야 하는 오류들입니다.2. 4xx (Client Error) – 클라이언트 오류400 Bad Request (잘못된 요청)의미: 요청의 구문(Syntax) 자체가 잘못되었습니다. 서버가 요청을 이..
[FE/BE] HTTP 상태 코드 - 기본 개념 (1xx, 2xx)
·
Tech Archive/[FE & BE]
1. 들어가며: FE와 BE의 통신 언어, HTTP 상태 코드프론트엔드(FE)와 백엔드(BE)가 서로 데이터를 주고받을 때, 우리는 'HTTP 통신'을 사용합니다. 클라이언트(브라우저, 앱)가 서버에 "이거 해줘(Request)"라고 요청을 보내면, 서버는 요청을 처리한 뒤 "결과는 이래(Response)"라고 응답을 돌려줍니다.이때 서버가 돌려주는 응답의 '결과(상태)'를 표준화된 숫자로 표현한 것이 바로 HTTP 상태 코드입니다.FE 입장: 200번이 오면 '성공' 화면을, 404번이 오면 '페이지 없음' 화면을, 500번이 오면 '서버 오류' 알림을 띄우는 등 응답에 맞춰 적절한 처리를 해야 합니다.BE 입장: 요청을 처리한 결과에 따라 약속된 상태 코드를 정확히 반환해야 FE가 혼란 없이 작업을 ..