✨ WebRTC란 뭘까?실시간 통신에 있어 아주 재밌는 기술이 있습니다. 바로 webRTC(Web Real-Time Communication)인데요. 2011년, Google의 개발자들에 의해서 탄생한 기술입니다.WebRTC를 사용하는 유명한 서비스들 중 Google Meet, Discord, Zoom 등 존재합니다. 쉽게 말해서 "다양한 플랫폼에서 가능한 실시간 커뮤니케이션 기술"이라고 생각하시면 됩니다.화상 채팅, 음성 통화, 파일 공유 등등 이 모든 걸 별도의 프로그램 없이 웹 브라우저는 물론이고, 모바일 앱, 데스크탑 앱에서도 사용할 수 있는 오픈소스 프로젝트이며 강력한 기술입니다. 더욱 신기한 점은 서버 없이 P2P(Peer To Peer)로 연결되어 데이터를 주고받을 수 있다는 점입니다.(P2..

📖 들어가며 최근 다양한 웹 서비스를 접해보면 간편한 SNS 로그인으로 쉽게 서비스를 이용할 수 있습니다. 이런 간편한 SNS 로그인이 바로 OAuth2.0 프로토콜을 통해 진행됩니다. 그럼, OAuth가 어떤 배경에서 등장하였고, 현재는 어떻게 표준화되어 OAuth2.0이라는 이름으로 사용되고 있는지, 그 흐름에 대한 개념을 함께 알아보겠습니다. 🧐 OAuth 등장배경 웹 서비스의 다양성이 증가하면서, 안전하게 정보를 공유하는 방법에 대한 필요성이 생겼습니다. 이로 인해 OAuth(Open Authorization)라는 개념이 탄생하게 되었습니다. 이를 설명하기 위해서 한 가지 예를 들어 볼게요. 우리의 서비스가 사용자에게 사용자의 구글에 대한 정보를 제공하려면 어떻게 해야 할까요? 사용자가 구글에 대..

📖 들어가며이번 포스팅은 웹 소켓(Web Scoket)에 대한 포스팅을 하려고 합니다. 이 글을 읽으시는 분들은 아마 웹 소켓이 무엇인지 정도는 알고 있을 것이라고 생각합니다. 맞습니다. 실시간 통신이 필요할 때 적극적으로 사용되는 기술입니다. 그럼 왜 실시간 통신을 할 때 웹 소켓을 사용하는지, 기존에는 어떤 방식을 사용했고, 어떤 문제를 해결해 주는지, 어떻게 동작하는지 등등 알아보겠습니다.웹 소켓의 등장 배경초기의 인터넷 통신 방식은 주로 HTTP를 이용한 클라이언트(요청) - 서버(응답) 모델을 통해 진행되었습니다.즉, 클라이언트가 서버에 요청(Request)을 보내고, 서버가 이에 응답(Response)하는 반이중 통신 방식을 따릅니다. 이 방식이 페이지를 요청하는 등의 간단한 작업에는 효과적..

📖 들어가며 먼저, 웹 렌더링(Web Rendering)이란 웹 페이지를 사용자에게 보여주는 과정을 의미합니다. 이 렌더링 방식에 따라서 로딩 속도, 검색 엔진 최적화(SEO), 사용자 경험 등이 달라집니다. 이 과정을 간단히 비유하자면, 레스토랑에서 요리를 주문한다고 가정해 보겠습니다. 레스토랑에서 손님(사용자)이 메뉴(웹 페이지)를 주문하고, 요리사(서버)가 요리(웹페이지)를 준비하고, 웨이터(브라우저)가 요리를 손님에게 가져다주는 과정과 비슷합니다. 여기서 요리사가 요리를 준비하는 과정이 바로 렌더링(Rendering)입니다. 이렇게 중요한 웹 렌더링에는 여러 가지 방식이 있습니다. 오늘 알아볼 렌더링 방식들은 아래와 같습니다. 클라이언트 사이드 렌더링(Client Side Rendering, CS..

📖 들어가며 브라우저 주소창에 url을 입력하면 생기는 과정들에 대해서 알아보겠습니다. DNS 레코드 확인 첫 번째로, 브라우저는 DNS(Domain Name Server) 레코드의 캐시를 확인하여 해당 URL의 IP 주소를 찾게 됩니다. DNS(Domain Name Server)란? DNS는 분산 데이터베이스 시스템입니다. DNS는 도메인 이름과 IP 주소를 매핑해주는 서버로, 브라우저가 인터넷 자원을 로드할 수 있도록 도와줍니다. 즉, DNS는 전화번호부와 같은 역할을 합니다. 사람들이 이름으로 다른 사람을 찾듯이, 컴퓨터는 DNS를 사용하여 웹사이트의 도메인 이름을 해당 IP 주소로 변환합니다. 해당 과정에서 아래의 순서로 확인을 하게 됩니다. 브라우저 캐시 확인: 브라우저는 이전에 방문한 웹사이트..

📖 들어가며 웹 애플리케이션을 제작하거나 사용하면서 가장 중요한 부분 중 하나는 데이터의 저장 및 관리입니다. 이를 위해 쿠키, 세션, 웹 스토리지와 같은 기술들이 널리 사용되고 있으며, 이들은 각각은 고유한 특징과 장단점을 가지고 있습니다. 이번 글에서는 쿠키, 세션, 웹 스토리지의 차이를 자세히 알아보고, 각각의 장단점과 일반적인 사용 상황, 그리고 보안 이슈에 대해 살펴보겠습니다. 쿠키(Cookie) 쿠키는 웹 서버 또는 클라이언트에서 생성되어 웹 브라우저에 저장되는 클라이언트 측에 저장되는 key와 value로 이루어진 작은 텍스트 파일입니다. 일반적으로 쿠키는 만료일을 가지고 있으며, 만료일이 지나면 자동으로 삭제되는 구조입니다. 웹 서버가 응답을 보낼 때 HTTP 헤더를 통해 쿠키를 클라이언트..