팀 프로젝트 festabook에서 학습한 내용을 정리한 글입니다.시스(CS 스터디)에서 발표한 내용을 정리한 글입니다. 💭 들어가며본 글은 시스(CS 스터디)에서 발표한 내용을 정리한 자료로, 발표용 흐름에 맞추어 순차적으로 구성되어 있다. 개념에 대한 보다 정확한 이해가 필요하다면, 시스 유튜브에 업로드된 영상 자료를 함께 참고 바란다. ✅ 문제 상황최근 Kubernetes 관련 자격증을 준비하며 전반적인 개념은 비교적 잘 이해하고 있다고 생각했지만, Network 파트에서 완전히 막혀버렸다. Switch, Router, Host, DNS 등의 개념은 알고 있었으나, 이들이 실제로 어떻게 할당되고 통신하는지에 대해서는 깊이 이해하지 못하고 있었다. 또한, Host 내부에서 벌어지는 네트워크 구조에 ..

💭 들어가며“React를 왜 쓸까요? 그냥 서버에서 HTML 만들어서 던져주면 되는 거 아니에요?” 면접에서 받았던 질문이다.당시엔 CS 지식이 부족했고, 프론트엔드와 웹 전반에 대한 이해도 깊지 않아 제대로 답하지 못했다. 프로젝트에서 잠시 벗어나 여유가 생긴 시점에, 그동안 네트워크 강의와 공부를 통해 배운 내용을 바탕으로 예전에 헷갈렸던 개념들을 다시 정리해 보려 한다. ✅ 웹 서비스 구조위 그림은 널널한 개발자님의 유튜브 강의를 참고해 정리한 것이다. ▶ Web Server클라이언트(브라우저)의 요청을 받아 정적 리소스(HTML, CSS, JS, 이미지 등)를 응답한다.단순히 파일을 내려주는 역할만 하며, DB 연결이나 비즈니스 로직을 처리하지 않는다.대표적인 예시로 Apache, Nginx..

우아한테크코스 레벨 4 팀 프로젝트 festabook에서 학습한 내용을 정리한 글입니다. ✅ 브라우저 캐싱 동작 원리사용자가 웹사이트에 처음 접속하면, 브라우저는 HTML, CSS, JS, 이미지 등 모든 리소스를 서버로부터 내려받는다.이때 서버는 응답 헤더에 캐시 관련 지시어(Cache-Control, ETag 등)를 함께 포함시킨다.브라우저는 전달받은 리소스를 로컬 캐시 저장소(메모리 또는 디스크)에 저장한다.이후 동일한 리소스가 다시 요청되면 브라우저는 다음 규칙에 따라 처리한다.유효 기간이 남아 있을 경우: 서버에 요청하지 않고, 로컬 캐시를 바로 사용한다.만료되었거나 변경이 의심될 경우: 서버에 검증 요청을 보내고, 변경된 경우에만 새로 다운로드한다. ✅ HTTP 캐싱 헤더▶ Cache-Con..

해당 글은 VSFe 깃허브 레포를 참고하여 작성한 글입니다. (아래 출처에 표기) ✅ XSS에 대해서 설명해 주세요.XSS(Cross-Site Scripting): 웹 애플리케이션의 취약점을 이용해, 악성 스크립트를 삽입하여 사용자에게 실행하게 만드는 공격 기법이다. ▶ XSS의 종류Reflected XSS: 악성 스크립트가 서버에 저장되지 않고, URL 등의 입력 데이터에 포함되어 전달되는 유형이다. 사용자가 악성 링크를 클릭하면, 그 즉시 스크립트가 실행된다.Stored XSS: 악성 스크립트가 데이터베이스에 저장되어 여러 사용자에게 지속적으로 전달되는 유형이다. 해당 글을 열람하는 모든 사용자가 스크립트의 영향을 받게 된다.DOM-based XSS: 악성 스크립트가 클라이언트 측에서 DOM(Docu..

해당 글은 VSFe 깃허브 레포를 참고하여 작성한 글입니다. (아래 출처에 표기) ✅ 멀티플렉싱과 디멀티플렉싱에 대해 설명해 주세요. ▶ 멀티플렉싱(Multiplexing)멀티플렉싱: 여러 개의 데이터 스트림을 하나의 물리적 통신 채널을 통해 동시에 전송할 수 있도록 하는 기술이다. 네트워크에서 이 과정은 전송 계층(Transport Layer)에서 주로 이루어진다.🔽 예시웹 브라우저, 이메일 클라이언트, 파일 전송 프로그램 등 여러 애플리케이션이 동시에 작동하며 각각의 데이터를 전송하는 경우, 이 데이터들이 모두 하나의 네트워크 연결을 공유한다. ▶ 디멀티플렉싱(Demultiplexing)디멀티플렉싱: 멀티플렉싱된 데이터를 수신 측에서 다시 개별 데이터 스트림으로 분리하는 과정이다. 수신된 데이터는 ..

해당 글은 VSFe 깃허브 레포를 참고하여 작성한 글입니다. (아래 출처에 표기) ✅ 서브넷 마스크와, 게이트웨이에 대해 설명해 주세요.▶ 서브넷 마스크서브넷 마스크: IP 주소를 네트워크 주소와 호스트 주소로 나누는 데 사용되는 값이다.네트워크 주소: 네트워크에 속한 모든 호스트(단말)를 포함하는 네트워크 자체를 지칭하는 주소이다.호스트 주소: 같은 네트워크 내에 각 호스트(단말)를 구분하기 위한 주소이다.IP 주소와 관련된 자세한 설명은 여기를 참고하면 좋을 것 같다.🔽 필요성IP 주소에서 네트워크 주소와 호스트 주소를 구분하는 경계점이 고정되어 있지 않다. 서브넷 마스크를 사용하면 필요한 호스트 IP 개수에 따라 네트워크 크기를 다르게 할당할 수 있도록 하여, IP 주소의 낭비를 방지할 수 있다...

해당 글은 VSFe 깃허브 레포를 참고하여 작성한 글입니다. (아래 출처에 표기) ✅ 로드밸런서가 무엇인가요?▶ 로드밸런싱로드밸런싱: 네트워크 트래픽을 여러 서버나 네트워크 장치에 고르게 분산시켜, 특정 서버에 과부하가 걸리지 않도록 하는 기술이다. 이를 통해 시스템의 성능, 가용성, 신뢰성을 높이고, 장애 발생 시에도 서비스가 중단되지 않도록 보장한다. ▶ 로드밸런서로드밸런서: 로드밸런싱을 수행하는 장치 또는 소프트웨어를 의미한다. 로드밸런서는 클라이언트의 요청을 받아, 이를 여러 서버 중 하나로 전달하며, 요청에 따라 가장 적합한 서버를 선택한다.🔽 로드밸런서의 필요성서버를 운영할 때, 서버가 감당하지 못할 정도의 트래픽이 몰릴 경우, 이를 해결할 수 있는 방법은 크게 두 가지가 있다.scale-u..

해당 글은 VSFe 깃허브 레포를 참고하여 작성한 글입니다. (아래 출처에 표기) ✅ 라우터 내의 포워딩 과정에 대해 설명해 주세요.패킷 수신: 라우터는 네트워크 인터페이스를 통해 패킷을 수신한다.헤더 분석: 수신한 패킷의 IP 헤더를 분석하여 목적지 IP 주소를 확인한다.포워딩 테이블 조회: 라우터는 목적지 IP 주소와 일치하는 항목을 찾기 위해 포워딩 테이블을 조회한다.적절한 인터페이스 선택: 포워딩 테이블에 기반하여 패킷을 어떤 인터페이스로 보내야 할지를 결정한다. 선택된 인터페이스는 다음 홉으로 패킷을 전송한다.패킷 전송: 패킷이 결정된 인터페이스를 통해 다음 홉으로 전송된다.홉(Hop): 데이터 패킷이 출발지에서 목적지로 이동하는 동안 거쳐가는 각 네트워크 장치(주로 라우터 또는 스위치)  ✅ ..