목록WEB (27)
롸?
1. DOM Level 0 이벤트 핸들링 모델 1-1. 전통적 모델 function () { alert('Hello, Event!'); return false; } 전통적 모델에서는 스크립트로 이벤트 핸들러를 추가하거나 제거할 수 있다. 이 때, 각 이벤트는 하나의 이벤트 핸들러만 등록할 수 있다. 1-2. 인라인 모델 Click 태그의 속성으로 추가, JavaScript 엔진이 onclick속성의 내용을 포함하는 익명 함수를 생성하며, 의 onclick 핸들러는 다음 익명 함수에 바인드된다. 2. DOM Level 2에서의 이벤트 핸들링 모델 addEventListener를 통해 이벤트 대상에 이벤트 리스너를 등록할 수 있으며, removeEventListener를 통해 이벤트 리스너를 제거할 수 있다..
Ajax(Asynchronous Javascript And Xml) 1. 개요 웹 애플리케이션에서 풍부한 사용자 인터페이스(Rich Internet Application) 구현 기술로 비동기 통신방식이다 전통적인 웹에서는 웹서버에서 데이터를 처리한 후 응답 페이지를 html로 작성하지만 Ajax에서는 처리 결과 중에서 필요한 데이터만 XML, json, csv 등의 데이터로 전송하고 클라이언트에서 이를 받아서 결과 페이지를 작성한다. 이로써 데이터 처리속도와 인터페이스의 입출력 반응 속도를 증가고 서버에 요청한 처리 결과를 받기 전에 다른 작업을 병행 할 수 있게 한다. 2. XMLHttpRequest 객체 (XHR 객체) 3. 응답의 송수신 상태 : onreadystatechange 이벤트와 ready..
1. 스코프(scope) 스코프란 변수들이 유효한 범위를 말한다(어디서 접근 할 수 있고 어디까지 영향을 미치는 지를 결정하는 것). 자바스크립트에서는 전역 스코프와 지역 스코프가 있다. 1-1. 전역 스코프 함수 외부에서 선언 되는 경우로 어디에서든 접근이 가능하다. 1-2. 지역 스코프 지역스코프는 함수 스코프와 블록 스코프로 구분할 수 있다. 함수 스코프는 함수 내 어디에서든 접근이 가능하며 함수 외부에서는 접근이 불가능하다. 블록 스코프는 이보다 좀 더 작은 범위로 if, for 등에서 {} 로 구분되는 부분이다. function sayHello () { let hello = 'Hello!' console.log(hello) if(true){ let bye = 'Bye!'; } console.lo..
프로그래밍 언어에서 어떤 대상이 일급이라는 것은 그 대상이 다음 세 가지 조건을 만족한다는 것을 의미한다. 함수 호출의 인자로 사용될 수 있다. 함수의 결괏값으로 사용될 수 있다. 대입 연산을 통해서 변수가 가리키는 대상으로 지정될 수 있다. 간단히 말하자면, 함수를 변수로 저장할 수도 있고, 다른 함수에 파라미터로 전달 하고 반환 받을 수도 있으면 일급 함수에 속한다. 자바스크립트의 함수는 대표적인 일급 함수 중 하나에 속한다. 예제1) 변수에 함수 할당 const foo = function() { console.log("foobar"); } // 변수를 사용해 호출 foo(); 익명함수를 변수에 할당한 다음, 그 변수를 사용해 끝에 괄호를 추가하여 함수를 호출함. 함수가 이름을 가지고 있더라도 변수에..
함수형 프로그래밍 자료 처리를 수학적 함수의 계산으로 취급하고, 상태와 가변 데이터를 멀리하는 프로그래밍 패러다임의 하나 함수형 코드에서는 함수의 출력값은 그 함수에 입력된 인수에만 의존하므로 인수 x에 같은 값을 넣고 함수 f를 호출하면 항상 f(x)라는 결과가 나온다. 부작용을 제거하면 프로그램의 동작을 이해하고 예측하기가 훨씬 쉽게 된다. 명령형 프로그래밍 함수형 프로그래밍에 반대되는 개념으로 전통적인 C, C++, Java 등이 이에 속한다. 프로그래밍의 상태와 상태를 변경시키는 구문의 관점에서 연산을 설명하는 프로그래밍 패러다임의 일종이다. 자연 언어에서의 명령법이 어떤 동작을 할 것인지를 명령으로 표현하듯이, 명령형 프로그램은 컴퓨터가 수행할 명령들을 순서대로 써 놓은 것이다. 명령형의 함수는..
공용 게이트웨이 인터페이스(Common Gateway Interface; CGI) 웹 서버 상에서 동적인 페이지를 보여주기 위해 사용자 프로그램을 동작시키기 위한 조합이다. 웹 서버 프로그램의 기능의 주체는 미리 준비된 정보(서버에 저장되어 있는 고정된 문서)를 클라이언트의 요구에 응답해 보내는 것이다. 그 때문에 서버 프로그램 그룹에서는 정보를 그 장소에서 동적으로 생성하고 클라이언트에 송신하려하는 조합을 작성하는 것이 불가능했다. 서버 프로그램에서 다른 프로그램을 불러내고, 그 처리 결과를 클라이언트에 송신하는 방법이 고안되었다. 이를 실현하기 위한 서버 프로그램과 외부 프로그램과의 연계법을 정한 것이 CGI이다. CGI는 어디까지나 인터페이스이며, 특정 플랫폼에 의존하지 않고, 웹 서버 등으로부터 ..