CS3 webSocket 넌 뭐냐(2) 이번 글에선 저번 글에서 예고했듯이 webSocket의 예시 코드를 살펴봅시다.글을 읽기 전에 저번 글을 읽고 오신다면 더욱 이해하기 편하실겁니다. webSocket 넌 뭐냐(1)오늘은 WebSocket에 대해 간단히 정리해보려고 합니다.최근 진행 중인 프로젝트에서 WebSocket을 직접 사용하게 되면서, 이 기술이 왜 등장했고 어떤 상황에서 유용한지 한 번 정리해볼 필요성을 느tccelestyn6248.tistory.comWebSocket 코드 예시바로 본론으로 들어가서, 가장 기본적인 WebSocket 코드부터 살펴보겠습니다.let socket = new WebSocket("wss://example/chat");socket.onopen = function(e) { alert("[open] 커넥션이.. 2026. 3. 31. webSocket 넌 뭐냐(1) 오늘은 WebSocket에 대해 간단히 정리해보려고 합니다.최근 진행 중인 프로젝트에서 WebSocket을 직접 사용하게 되면서, 이 기술이 왜 등장했고 어떤 상황에서 유용한지 한 번 정리해볼 필요성을 느끼게 되었습니다. 그래서 이번 글에서는 WebSocket의 개념부터, 기존 방식과의 차이, 그리고 실제 사용하면서 느낀 점까지 가볍게 풀어보려 합니다.WebSocket은 왜 등장했을까?먼저 WebSocket이 등장하게 된 배경부터 살펴보겠습니다.초기의 인터넷은 지금처럼 복잡하지 않았습니다.단순히 터미널 환경에서 텍스트를 주고받는 수준의 통신이 전부였죠.이후 더 직관적이고 구조화된 통신을 위해 HTTP가 등장합니다.HTTP는 흔히 **프로토콜(통신 규칙)**이라고 부르며, 웹의 기본이 되는 핵심 기술입니다.. 2026. 3. 30. 비동기? 동기? 이게 다 뭐야? 개발을 하다보면 비동기와 동기라는 용어를 자주 접하게 될것이다.이 용어들은 데이터를 주고 받는 형식이다.그럼 이제 이 용어들을 더욱 자세히 알아보자.동기웹페이지를 새로고침하면서 데이터를 불러오는 방식이다.페이지를 바꾸면 페이지 자체가 로딩된다. 가장 대표적인 예시는 from 형식이다.from 형식은 데이터 값을 입력받아 서버에 보내주는 역할을 한다.데이터 값을 서버에 보내주게 되면 서버로부터 새로운 웹페이지를 받아서 화면에 보여주는 형식이다.장점비동기보다 코드가 간단하다.요청과 응답이 순차적으로 진행된다 -> 코드의 간결성과 직관성을 유지가능하다.동기 통신은 요청을 보낸 후 응답을 받아야지만 다음 작업을 수행한다. 즉, 요청과 응답의 순서를 보장할 수 있다.예를 들어 A와 B라는 두 개의 요청을 보냈다면.. 2026. 3. 26. 이전 1 다음
