JavaScript Ajax3. Ajax 요청 및 응답 처리 브라우저는 XMLHttpRequest 객체를 이용하여 Ajax 요청을 생성한다. 서버가 브라우저의 요청에 대해 응답을 반환하면 같은 XMLHttpRequest 객체가 그 결과를 처리한다. 요청 처리의 예이다. 123456// XMLHttpRequest 객체의 생성var req = new XMLH
JavaScript Asynchronous processing model1. 브라우저의 동작 원리2. Ajax server에서 ajax를 통해서 데이터를 던지면 그것을 client가 받는 방식을 나타낸다. 전통적으로는 새로운 HTML을 불러와서 load부터 다시한다. 현재는 DOM Manipulation(조작)을 통하여서 ajax 통신을 한다. 서버가 존재
JavaScript RestAPI REST의 기본 원칙을 성실히 지킨 서비스 디자인을 “RESTful”이라고 표현한다. 1. REST API 중심 규칙URI는 자원을 표현하는 데에 집중하고 행위에 대한 정의는 HTTP Method를 통해 하는 것이 REST한 API를 설계하는 중심 규칙이다. URI는 정보의 자원을 표현해야 한다.리소스명은 동사
JavaScript Dom(Document Object Model)1. DOM(Document Object Model) 브라우저는 웹 문서(HTML, XML, SVG)를 로드하고 파싱하여 DOM(문서 객체 모델)을 생성한다. 브라우저 동작 원리 DOM이란? 브라우저의 렌더링 엔진은 웹 문서를 로드하고 파싱하여 웹 문서를 브라우저가 이해할 수 있는
JavaScript Event1. Introduction2. 동기식 처리 모델 vs 비동기식 처리 모델 server에서 ajax를 통해서 데이터를 던지면 그것을 client가 받는 방식을 나타낸다. 전통적으로는 새로운 HTML을 불러와서 load부터 다시한다. 현재는 DOM Manipulation(조작)을 통하여서 ajax 통신을 한다. 서버가 존재해
JavaScript Date 생성자 함수로 반드시 생성해야한다 리터럴 방식이 없다. 1. Date Constructor Date 생성자를 사용하여 날짜와 시간을 가지는 인스턴스를 생성한다. 1234new Date()new Date(milliseconds)new Date(dateString)new Date(year, month[, day, hour,
JavaScript Regexp 1. 정규표현식 (Regulat Expression) 정규표현식(Regular Expression)은 문자열에서 특정 내용을 찾거나 대체 또는 발췌하는데 사용한다. 12345var tel = '0101234567팔';var myRegExp = /^[0-9]+$/;console.log(myRegExp.tes
JavaScript String 1. String Constructor String 객체는 String() 생성자 함수를 통해 생성할 수 있다. 이때 전달된 인자는 모두 문자열로 변환된다. new를 넣지 않는다면 그냥 문자로만 변환한다. 12345678var x = 'Lee';var y = new String('Lee
JavaScript Array1. 배열의 생성1var arr = [1,2,3]; // 리터럴 방식으로 만들수 있다. 프로퍼티가 없고 값만 존재한다. index를 사용하여서 순회가 가능하다. Array() // Array 생성자로 생성하며 prototype관계가 성립한다. 주의: Array는 object type이다. 1.1 배열 리터럴1234567
JavaScript Math 1. Math Property 정적(static) 프로퍼티로 Math 객체를 생성할 필요없이 Math.propertyName의 형태로 사용한다. 대문자로 써져있으면 상수이다 즉 변하면 안되는 값이다. Math는 생성자 함수가 아닌 객체이다. 객체라서 prototype이 존재하지 않는다. 1.1 Math,PI PI 값(π ≈ 3