728x90 반응형 JavaScript 시리즈☕45 🖧Socket IO vs WebSockets🧐 아주 쉽게 실시간 기능을 만들어 주는 framework : socket IO🖧 socket IO 는 나온지 매우매우 오래 되었고 안정적이다. Socket IO 와 WebSocket 개념 정리 & 비교🧐 Socket IO WebSockets 1. 양방향으로 통신한다. (브라우저와 back-end의 양방향을 의미) 2. 메세지를 주고 받고 할 수 있다. 3. event 기반의 통신을 함. socket IO 는 webSocket 을 실행하는게 아님. websocket 은 socket IO 가 실시간, 양방향 , event 기반 통신을 제공하는 방법중 하나일 뿐이다. (즉, socket IO 안에 websocket 이 있다.) socket IO > websocket socket IO 는 webSocket 보다 .. 2021. 9. 11. 번외) 바닐라 JavaScript 란?✍ 프레임워크나 라이브러리를 일절 사용하지 않는 순수한 자바스크립트 바닐라 js는 정말 순수한 자바스크립트입니다 그렇다는 것은 특성상 라이브러리나 프레임워크가 제공하는 기능을 사용할 수 없다는 것을 의미합니다. 예를들어 jquery를 사용하면 단 한줄로도 제어할 수 있는 엘리먼트를 여러 줄의 코드를 통해 비효율적인 개발을 해야하기 때문에 바닐라 js를 통한 개발은 사실상 힘든일이라고 볼 수 있습니다 하지만 최근 여러 기업에서는 바닐라 js를 능숙하게 사용하는 개발자를 중요하게 생각하는 추세이며, 순수한 자바스크립트를 개발할 줄아는 능력이 중요하게 자리잡고 있습니다. 이러한 결과에 대해 이해하기 위해서는 먼저 jquery에 대한 이해가 있어야 합니다 + 추가적으로 더 자세하고 간결한 정보는 아래 두 블로그를 .. 2021. 9. 8. JS 기초 개념 (window객체,dom,dom트리,요소노드...) 1. window 객체 window 객체는 브라우저 창을 대변하면서 자바스크립트에서 최상단에 존재하는 객체입니다. 자바스크립트 코드 어느 곳에서나 항상 접근할 수 있는 객체이기 때문에 전역 객체, 영어로는 Global Object라고 부릅니다. 어떤 프로퍼티나 메소드를 사용하든 결국 전역 객체 내부의 것이기 때문에 앞에 window.을 생략할 수도 있습니다. 2. DOM DOM이란 Document Object Model의 약자로, 한국어로는 문서 객체 모델입니다. 간단하게 표현하면 웹 페이지에 나타나는 HTML 문서 전체를 객체로 표현한 것으로 생각하면 됩니다. 이때 각 객체를 노드(Node)라는 용어로 표현하고, 태그는 요소 노드, 문자는 텍스트 노드로 구분됩니다. 3. DOM 트리 HTML의 계층 구.. 2021. 8. 30. 아주 간단한 to-do-list 만들기 문제 JS const toDoList = document.querySelector('#to-do-list'); //to-do-list 아이디를 가진 html 태그선택해서 toDoList 변수에 저장 function addNewTodo(text) { const li = document.createElement("li"); // 여기에 코드를 작성해 주세요. li.textContent= text; toDoList.append(li) } // 테스트 코드 addNewTodo('자바스크립트 공부하기'); addNewTodo('고양이 화장실 청소하기'); addNewTodo('고양이 장난감 쇼핑하기'); 1. to-do-list 아이디를 가진 html 태그선택해서 toDoList 변수에 저장 2. 함수 addNewTo.. 2021. 8. 25. 이전 1 2 3 4 5 6 ··· 12 다음 728x90 반응형
