웹소켓 API는 사용자의 브라우저와 서버 간의 양방향 통신을 가능하게 하는 기술입니다. 웹소켓 API를 사용하면 업데이트를 위해 클라이언트에 정기적으로 요청을 전송하는 서버 폴(poll) 없이도 서버와 메시지를 주고 받을 수 있습니다. 웹소켓 사용 방법 webSocket 객체를 통해 서버와 웹소켓 연결을 위한 API 생성과 관리를 진행할 수 있습니다. 웹소켓을 구성하려면 다음과 같이 WebSocket() 생성자(constructor)를 사용할 수 있습니다. // 웹소켓 연결 const socket = new WebSocket('ws://localhost:8080') // 연결 확인 socket.addEventListener('open', function(event)) { socket.send('Hello..

우리는 인터넷과 웹 브라우저를 사용하며 쿠키, 세션, 캐시를 사용합니다. 예를 들어, 웹사이트 로그인 유지와 같이 편리한 기능은 쿠키와 세션의 조합으로 이뤄집니다. 쿠키를 모두 지우고 새로고침하면 로그인이 풀리는 이유도 이 때문입니다. 이번 글에서는 쿠키와 세션, 캐시에 대해서 정리해보도록 하겠습니다. HTTP 요청의 이해 HTTP는 스테이트리스(statelss) 속성을 갖습니다. 이는 이전의 요청과 다음의 요청이 연결되지 않는다는 것입니다. 따라서 특정 요청과 다른 요청을 연결하려면 각 요청들 사이에서 해당 정보를 안전하게 담아 전달할 수 있는 방법이 필요합니다. 여기에 사용되는 개념이 바로 쿠키와 세션입니다. 쿠키란? 쿠키는 사용자의 브라우저에 저장되는 정보로 웹사이트에서 진행되는 사용자의 활동을 기..

개요 1xx(정보): 요청을 받았으며 프로세스를 계속 진행 2xx(성공): 요청을 성공적으로 받았으며 처리함 3xx(리다이렉션): 요청 완료를 위해 추가 작업 필요 4xx(클라이언트 오류): 요청 문법이 잘못되었거나 실패 5xx(서버 오류): 요청은 유효하지만 서버에서 실패 대표적인 상태 코드 200: OK 요청 성공. 요청에 따른 응답 반환됨. 201: Created. 요청 성공으로 새로운 리소스 생성. 일반적으로 POST 또는 PUT 요청 이후 400: Bad Request. 잘못된 문법으로 서버가 요청을 실행할 수 없음 401: Unauthorized. 비인증. 404: Not Found. 서버에서 요청한 리소스를 찾을 수 없음. 500: Internal Server Error. 웹사이트 서버에 문..

의미론적 웹(Semantic Web)은 의미를 중심으로 웹페이지를 구성하는 프레임워크 및 기술을 의미합니다. 여기서 의미란 컴퓨터(브라우저)가 이해할 수 있는 의미를 뜻합니다. 컴퓨터가 이해할 수 있는 의미란 무엇일까요? 먼저, 간단한 HTML 문서를 하나 살펴보도록 하겠습니다. 제목 내용 이는 HTML 태그를 적절히 사용하여 의미론적으로 구성된 문서라 할 수 있습니다. 몇 가지만 살펴보겠습니다. 상단에 선언된 은 해당 문서가 작성된 HTML 버전을 알려줍니다. 태그 내의 은 문자열의 인코딩 방식을 알려줍니다. 내의 태그는 이후의 텍스트가 제목에 해당한다는 것을 알려줍니다. 바로, 컴퓨터에게 말입니다! 이처럼 HTML 문서는 각 콘텐츠에 맞는 태그를 사용함으로써 문서를 의미론적으로 HTML 문서를 구성할..