오늘은 웹소켓을 활용하여 메모장 기능을 한 번 구현해볼 것이다.Ajax와 WebSocket의 차이연결의 지속성에 따라 둘을 구분한다. 클라이언트와 서버가 통신할 때 HTTP통신을 주로 사용한다. HTTP통신은 다음과 같은 특징이 있다.1. 비연결성 (connectionless) : 연결을 맺고 요청을 하고 응답을 받으면 연결을 끊어버린다.2. 무상태성 (stateless) : 서버가 클라이언트의 상태를 가지고 있지 않는다.3. 단방향 통신이다. 이러한 HTTP 통신의 경우 채팅과 같은 실시간 통신에 적합하지 않다.물론 HTTP 통신으로 실시간 통신을 흉내낼 수는 있으나 완벽하지는 않다. 실시간 통신이 필요할 때 사용하는 통신을 소켓 통신이라고 한다.HTTP통신과 다르게 연결을 맺고 바로 끊어버리는게 아니..

다른 웹서버의 데이터를 이용해서 원하는 형식으로데이터를 한 번 출력해보자. script 코드드 vscode로 작성할 거다.이미지 출력 AJAX 화면 구현  결과는 위와 같이 나올 것이다.style에는 .item에 width를 사용하여, 한 줄ㅇ 나오는 요소의 개수를 정해 줄 수 있다. 전체 목록 출력 (페이징) posts 번호 제목   개별 출력전체 목록 중에서 하나를 선택하면 (a태그를 이용하여 페이지 이동..