javascript9 JavaScript JSON ✔ JSON JSON(JavaScript Object Notation) - 데이터를 저장하거나 전송할 때 사용되는 경량의 DATA 교환 형식 - 사람과 기계 모두 이해하기 쉬우며 용량이 작아서 XML을 대체하여 데이터 전송등에 많이 사용 - 데이터 포멧일 뿐, 통신 방법도 프로그래밍 문법도 아님 ✔ JSON 특징 1 JSON의 특징 - 서버와 클라이언트간의 교류에서 일반적으로 많이 사용 - 자바스크립트를 이용하여 JSON 형식의 문서를 자바스크립트 객체로 변환하기 쉬움 - 자바스크립트 문법과 굉장히 유사하지만 텍스트 형식일 뿐임 - 특정 언어에 종속되지 않으며 대부분 프로그래밍 언어에서 JSON 포멧의 데이터를 핸들링 할 수 있는 라이브러리를 제공 { "name":"루시", "age" : 13, "fam.. 2022. 11. 17. JavaSript Promise Object ✔ Promise ❗❗❗ Promise ❗❗❗ https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Promise - 세부설명 - 프로미스 자바스크립트 비동기 처리에 사용되는 객체 - 주로 서버에서 받아온 데이터를 화면애 표시할 때 사용 프로미스를 리턴받은 객체 .then(정상적으로 프로미스 객체가 리턴되었다면 필요한 일을 수행) .catch(에러객체가 리턴되었다면 에러를 처리) .finally(최종적으로 처리할 일을 수행) ✔ 기본예제 1 function runInDelay(seconds){ // 성공했을 때 실패했을 때 return new Promise((resolve, reject) =>{ if(!seconds |.. 2022. 11. 15. JavaScript(이벤트전파, iterable, generator, spread) ✔ 이벤트 전파(Event Propagation) - 이벤트가 발생했을 때 브라우저가 이벤트 리스너를 실행시킬 대상 요소를 결정하는 과정 - document 객체나 HTML 문서의 요소에서 이벤트가 발생하면 대상 요소를 결정하기 위해 이벤트 전파가 일어남 캡처링 전파방식 - 부모에서 자식으로 이벤트를 전파 버블링 전파방식 - 자식에서 부모로 이벤트를 전파 ✔ 이벤트 전파를 막는 방법 이벤트객체명.stopPropagation(); DOCTYPE html> 이벤트전파 #divBox{width :100%; height : 300px; border: 3px solid red;} #pBox{width :70%; height : 150px; border: 3px solid blue;} #spanBox{border:.. 2022. 11. 10. JavaScript(이벤트 타입/리스너/객체) ✔ 이벤트(Event) - 웹 브라우저가 알려주는 HTML 요소에 대한 사건을 발생 - 웹 페이지에 사용된 자바스크립트는 발생한 이벤트에 반응하여 특정 동작을 수행할 수 있음 - 자바스크립트는 비동기식 이벤트 중심의 프로그래밍 모델 --------- -------- -------- 이벤트타겟 이벤트타입 이벤트리스너 이벤트타입(Event Type) - 발생한 이벤트의 종류를 나타내는 문자열로 이벤트명이라고도 함 - 키보드, 마우스, HTML, DOM, window 객체등을 처리하는 이벤트 제공 - https://developer.mozilla.org/ko/docs/Web/Events 이벤트타겟(Event Target) - 이벤트가 일어날 객체를 의미 DOCTYPE html> eventtype window... 2022. 11. 10. 이전 1 2 3 다음
