gi_dor

🔸 Ajax자바스크립트와 XML 을 사용해서 서버와의 비동기 데이터 통신비동기 통신 ?▶ 웹 페이지 에서 서버와 데이터를 주고 받을 때 페이지를 새로고침 하지 않고 데이터를 교환 하는 방식보통 일반적인 동기적 통신은 요청을 보내면 서버에서 응답이 올 때까지 기다려야 한다그동안에는 화면이 멈추고 다른 작업이 수행 불가능하다비동기적 통신을 사용하면 요청을 보낸 후에도 화면이 멈추지 않고 계속해서 다른 작업을 수행할 수 있다XMLHttpRequest 객체를 활용해서 서버와 데이터 통신을 한다자바 스크립트로 서버와 데이터 통신이 가능해졌다페이지의 리로딩없이 화면을 일부분 갱신하는게 가능해짐사용 하는 이유페이지 일부만 갱신 : 전체 페이지 새로고침 하지 않고 서버와 통신해 필요한 데이터만 가져올수 있다 , 일부..

💎DOM (Document Object Model) 문서 객체 모델 HTML , XML들의 문서를 액세스 하는 표준을 정의 DOM은 w3c 에서 HTML , XML 문설를 다루는 표준 (인터페이스)을 정의한 것 DOM 에 정의된 표준에 대한 구현은 브라우저 제조사 , 프로그래밍 언어 개발사 , 라이브러리 개발자가 담당 브라우저 종류나 프로그래밍 언어의 상관없이 동일한 API 로 구현되어 있다 DOM 특징 모든 엘리먼트는 객체다. 모든 엘리먼트의 프로퍼티를 정의하고 있다. 엘리먼트를 엑세스하는 메소드를 정의하고 있다. 모든 엘리먼트의 이벤트를 정의하고 있다. DOM 주요객체 Document - 웹브라우저 HTML 문서를 로딩 했을 때 , Document 객체가 된다 Element - HTML 의 태그를 표..

🔶 이벤트 웹 페이지와 사용자간의 상호작용으로 웹 브라우저에서 일어나는 사건 (action) 웹 페이지와 사용자와 상호작용으로 특정 엘리먼트에 가하는 어떤 행동을 말한다 이벤트란 프로그램과 시스템에서 발생하는 특정한 사건 또는 상황을 나타낸다 시스템은 이벤트가 발생될 때 몇몇 종류의 신호를 발생시키고 이벤트가 밸상될 때 자동으로 정해진 코드를 실행하는 메커니즘을 제공한다 웹에서는 시스템에 해당하는 것이 웹 브라우저다 웹에서는 이벤트가 브라우저 내에서 발생되고 이벤트가 특정한 요소(태그,엘리먼트)에 부착되는 경향이 있다 각요소 (태그,엘리먼트) 에서 발생될 수 있는 다양한 이벤트 타입이 있다 이벤트가 발생하는 예시 발생 예시 이벤트 명 사용자가 마우스로 버튼을 클릭 onclick 사용자가 마우스를 움직인다..

🔶 JavaScript 기본 브라우저 내에서 실행되는 프로그램을 개발할 수 있는 프로그래밍언어 Java와 문법적 유사한 점이 많아 쉽게 배울 수 있다 인터프리터 프로그래밍언어 ( ▶ 컴파일 과정없이 소스가 실행파일로 사용된다 ) 웹페이지의 내용을 정의하는 HTML 웹 페이지의 레이아웃을 지정하는 CSS 웹페이지의 동작을 프로그래밍하는 JavaScript 🔹 JS로 할 수 있는 일 HTML 컨텐츠를 변경 할 수 있다. 브라우저를 통해 현재 보는 웹 페이지를 변경 할 수 있다 HTML 태그의 속성 을 변경 HTML 컨텐츠의 스타일을 변경 ( CSS ) 사용자 상호작용하는 프로그램을 작성 ( 이벤트 모델 ) 브라우저의 도움 없이 서버와 데이터 통신 할 수있따 ( aJax) 🔹 객체지향 프로그래밍언어 + 프로토..

📚 국비 9 일차 📌 JavaScript → 스크립트 언어 : 별도의 컴파일 과정없이 소스코드를 그대로 실행한다 ( 소스코드를 바로 실행 ) Ex. ) JavaScript , python , swift 동적 데이터 타입을 지원한다 → 저장되는 데이터에 따라 변수의 타입이 달라진다. // JavaScript는 동적 데이터 타입을 지원한다. // 변수에 저장되는 데이터에 따라 변수의 타입이 달라진다. let a; console.log("a의 데이터의 타입 :",typeof(a)); a = false ; console.log("a의 데이터의 타입 :",typeof(a)); a = 100; console.log("a 데이터의 타입 :",typeof(a)); a = 3.14; console.log("a 데이터의 ..