728x90 반응형 JavaScript 시리즈☕45 drag and drop(드래그 앤 드랍) HTML,CSS,JS 만들기 drag and drop 만들어보기! 시연 영상 HTML 코드 (파일 명:drag.html) 🦊 🐸 🐶 🐱 Javascript 코드(파일 명: drag.js) const draggables = document.querySelectorAll(".draggable"); const containers = document.querySelectorAll(".container"); draggables.forEach(draggable => { draggable.addEventListener("dragstart", () => { draggable.classList.add("dragging"); }); draggable.addEventListener("dragend", () => { draggable.classList... 2022. 11. 20. JSON 정리.txt JSON (JavaScript Object Notation) JavaScript Object Notation라는 의미의 축약어로 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식 Javascript에서 객체를 만들 때 사용하는 표현식을 의미한다. JSON 표현식은 사람과 기계 모두 이해하기 쉬우며 용량이 작아서, 최근에는 JSON이 XML을 대체해서 데이터 전송 등에 많이 사용한다. JSON은 데이터 포맷일 뿐이며 어떠한 통신 방법도, 프로그래밍 문법도 아닌 단순히 데이터를 표시하는 표현 방법일 뿐이다 출처: https://velog.io/@surim014/JSON%EC%9D%B4%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80 JSON이란 무엇인가.. 2022. 8. 2. [node.js] Javascript 와 HTTP 웹 브라우저와 웹 서버 사이에는 http 라고 하는 통신 방법을 통해서 서로가 정보를 주고 받는데 통신방법의 핵심은 request header 와 response 헤더. 눈에 보이지 않지만 밑바닥에서 웹브라우저와 웹서버가 주고 받는 풍부한 데이터 정보들이 있기때문에 우리가 구동할 수 있다. 2022. 7. 30. Socket IO 설치 (작성 중..) 1. 터미널에 npm i socket.io 를 입력 , 엔터 2. import SocketIO from "socket.io"; 3. const httpserver = http.createServer(app); constwsServer = SocketIO(httpserver); io 는 자동적으로 back-end 와 socket.io 와 연결해주는 function 임. const socket = io(); 를 추가하면, io function 은 알아서 socket.io를 실행하고 있는 서버를 찾음. -> socket IO를 front-end 와 연결할 수 있음. https://socket.io/ 2021. 9. 11. 이전 1 2 3 4 5 ··· 12 다음 728x90 반응형
