자바스크립트 용어 해설 정리 Glossary- JavaScript Programming for Web Applications - CAD101-12

 

 

자바스크립트 용어 해설 정리 Glossary- JavaScript Programming for Web Applications - CAD101-12

​

​

*국문
Glossary- JavaScript Programming for Web Applications
웹 애플리케이션을 위한 자바스크립트 프로그래밍

Term	정의
AJAX	JavaScript 및 XML을 통한 비동기 서버 호출 이상의 기능을 포함하는 "비동기 JavaScript 및 XML"입니다. 프로그래밍 언어나 기술이 아니라 프로그래밍 개념입니다. Ajax는 HTML, JavaScript, Cascading 스타일 시트를 통해 더욱 풍부한 대화형 웹 애플리케이션을 제공하고 문서 개체 모델을 통해 웹 페이지를 수정하는 일련의 기술을 나타냅니다. 요즘에는 XML 대신 JSON이 일반적으로 사용되기 때문에 이름이 오해의 소지가 있습니다.
Anonymous Functions	이름이 없는 함수 유형 또는 이름이 없는 함수라고 할 수 있습니다. 식별자 없이 선언되며, 다른 함수의 매개변수로 사용되는 경우가 많습니다. 함수 선언 직후에 함수를 실행하는 일반적인 방법입니다.
Array	프로그래머가 인덱스 키를 사용하여 데이터를 저장하고 검색하는 데 도움이 되는 데이터 구조입니다. 배열은 0부터 시작하는 인덱싱 방식을 사용합니다. 즉, 배열의 첫 번째 요소의 인덱스는 0입니다. 배열은 요소를 추가하거나 제거하여 동적으로 늘어나거나 줄어듭니다.
Classes	클래스는 유사한 특성과 동작을 가진 객체를 구축하기 위한 청사진 또는 템플릿 역할을 합니다. 클래스는 데이터(속성 형식)와 해당 데이터에 대해 작동하는 함수(메서드 형식)를 캡슐화합니다.
Client-Side Script	HTML 문서와 함께 제공되거나 HTML에 포함된 프로그램입니다. 문서를 로드하는 동안 또는 작업이 수행될 때 스크립트가 실행됩니다. 양식의 유효성을 검사하고, 입력을 처리하거나, 문서 요소를 동적으로 생성하는 데 사용할 수 있습니다. 다음 방법 중 하나로 <script> 태그를 사용하여 HTML에 스크립트를 포함시킵니다.   • <script> // JS code </script>   • <script src="path name"></script> JavaScript가 비활성화되어 있거나 JavaScript를 지원하지 않는 브라우저에는 <noscript> 태그를 사용합니다.
Document Objects	페이지의 모든 HTML 요소에 대한 액세스를 제공하는 기본 웹 페이지를 나타내는 문서입니다. 페이지가 로드되면 HTML 문서가 문서가 됩니다. "문서"로 참조됩니다.
DOM	"Document Object Model"은 HTML과 JavaScript 간의 프로그래밍 인터페이스(API)입니다. 콘텐츠, 구조 및 스타일에 동적으로 액세스하고 업데이트할 수 있습니다. JavaScript는 DOM을 사용하여 브라우저의 웹 페이지 요소에 액세스하고 수정합니다.
Element Nodes	모든 HTML 태그.
Element Objects	Document의 모든 요소 객체가 상속하는 가장 일반적인 기본 클래스입니다. 모든 요소에 공통된 메서드와 속성만 있습니다. HTML 페이지의 모든 것은 요소입니다. 그리고 한 요소에는 그 자체 내에 다른 요소가 중첩될 수 있습니다.
Event	이벤트는 버튼 클릭이나 사용자가 양식에 입력을 제출할 때와 같이 JavaScript가 반응할 수 있는 브라우저나 사용자가 수행하는 것입니다.
Event Binding	일부 '이벤트'가 발생할 때마다 함수를 호출해야 한다고 브라우저에 알리는 것을 의미합니다.
Event Handlers	버튼 클릭과 같은 작업이 수행될 때 수행할 작업을 선언하는 함수입니다. 예: <button type="button" onclick="showAnswers()"> Show Solution  <script>   function showAnswers() {    //code    alert("A")   }  </script> </button> showAnswers()는 이벤트 핸들러입니다.
Extend	이 키워드는 클래스 선언이나 클래스 표현식에서 다른 클래스 의 자식 클래스를 만드는 데 사용됩니다 .
Functions	함수는 특정 작업을 실행하는 코드 모듈입니다. 인수 또는 매개변수라고 하는 데이터를 가져올 수 있으며 때로는 반환 값이라고 하는 데이터도 반환할 수 있습니다. 함수는 일반적으로 다음 구문으로 정의됩니다. function functionName() {  // function code;  // optional return statement; }
IIFE	“즉시 호출되는 함수 표현식”은 정의된 후 즉시 실행됩니다. 함수가 실행된 후에는 프로그램의 다른 곳에서 다시 호출할 수 없습니다. 일종의 자기 실행 기능이다.
Nodes	DOM(문서 개체 모델) 구조의 모든 요소의 기본입니다.
Objects	객체는 클래스에서 생성된 인스턴스입니다. 이는 클래스에 의해 정의된 특성을 나타내는 실제 엔터티입니다. 객체에는 데이터를 저장하는 특별한 속성 집합과 동작을 지정하는 메서드가 있습니다. 특정 작업을 수행하고 다른 프로그램과 통신하기 위해 이러한 메서드와 속성에 액세스하고 변경할 수 있습니다.
Prototypes	함수 프로토타입을 사용하면 객체에 속성이나 메서드를 쉽게 정의하고 추가할 수 있습니다. 프로토타입은 "new"라는 키워드로 생성할 수 있는 모든 개체에 대해 존재합니다. 모든 개체 생성자는 프로토타입에 의해 정의된 속성과 메서드를 상속하는 개체를 만듭니다. 인스턴스화 시 객체는 프로토타입의 현재 상태를 상속받습니다. 그러나 스크립트는 프로토타입 속성과 함수를 재정의할 수 있습니다. 다음은 프로토타입을 사용하여 Car 클래스에 메서드를 추가하는 예입니다. function Car(make, model, year) {  this.make = make;  this.model = model;  this.year = year; } Car.prototype.getName = function() {  return this.make + ‘ ’ + this.model + ‘ ’ + this.year; }
Script	개발자에게 고도의 대화형 방식으로 HTML 문서를 수정하고 확장할 수 있는 수단을 제공합니다. 스크립트를 사용하여 양식의 유효성을 검사하거나 입력된 내용을 처리할 수 있습니다. 버튼 클릭과 같이 웹 페이지에서 발생하는 이벤트에 의해 스크립트가 트리거될 수 있습니다. 스크립트를 사용하여 HTML 페이지에 문서 요소를 동적으로 생성할 수 있습니다.
Self-Executing Functions	데이터를 초기화하거나 DOM 요소를 선언하는 데 자주 사용됩니다. 이러한 기능은 익명일 수 있습니다.
Text Nodes	요소 시작 태그와 종료 태그 사이에 있는 실제 텍스트가 포함된 노드입니다.
this	키워드 "this"는 개체의 현재 인스턴스를 나타냅니다. “this”의 값은 객체가 어떻게 호출되는지에 따라 달라질 수 있습니

 

 

*영문

Glossary: JavaScript Programming for Web Applications

Term	Definition
AJAX	“Asynchronous JavaScript and XML” that encompasses more than asynchronous server calls through JavaScript and XML. It is not programing language or technology but rather a programming concept. Ajax represents a series of techniques that provide richer, interactive web applications through HTML, JavaScript, Cascading style sheets, and modifying the web page through the Document Object Model. The name is misleading though because nowadays, JSON is commonly used instead of XML.
Anonymous Functions	A type of function that has no name or we can say which is without any name. It is declared without any identifier and is often used as a parameter of another function. It is a common way to execute a function immediately after its declaration.
Array	A data structure that aids the programmer in the storage and retrieval of data by indexed keys. Arrays use a zero-based indexing scheme, meaning that the first element of an array has an index of zero. Arrays grow or shrink dynamically by adding or removing elements.
Classes	Classes act as a blueprint or template for building objects with similar characteristics and behaviours. A class encapsulates data (in the form of properties) and functions (in the form of methods) that work on that data.
Client-Side Script	A program that accompanies an HTML doc or embedded in HTML. Scripts run during load of a document or when an action is performed. They can be used to validate forms, process input, or dynamically create document elements. Embed a script in HTML, with the <script> tag in either of the following ways:   • <script> // JS code </script>   • <script src="path name"></script> Use <noscript> tag for browsers with JavaScript disabled or ones that don’t support JavaScript.
Document Objects	Document representing the main web page that gives access to all HTML elements on the page. When page is loaded HTML doc becomes a document. It is referred to with “document”.
DOM	“Document Object Model” is a programming interface (API) between HTML and JavaScript. It allows for dynamically accessing and updating content, structure, and style. JavaScript uses the DOM to access and modify web page elements in the browser.
Element Nodes	All HTML tags.
Element Objects	The most general base class that all element objects in a Document inherit. It only has methods and properties common to all elements. Everything in a HTML page is an element. And one element can have other elements nested within itself.
Event	An event is something either a browser or a user does that the JavaScript can react to such as a button click or when a user submits input on a form.
Event Binding	Refers to telling the browser that a function should be called whenever some ‘event’ occurs.
Event Handlers	A function that declares what to do when an action is performed such as the click of a button. Example: <button type="button" onclick="showAnswers()"> Show Solution  <script>   function showAnswers() {    //code    alert("A")   }  </script> </button> Note that showAnswers() is an event handler.
Extend	This keyword is used in class declarations or class expressions to create a class that is a child of another class.
Functions	Functions are modules of code that execute a particular task. They may take-in data, called arguments or parameters, and sometimes return data as well, called the return value. Functions are commonly defined with this syntax: function functionName() {  // function code;  // optional return statement; }
IIFE	“Immediately Invoked Function Expression” runs immediately after it is defined. After the function executes it cannot be called again elsewhere in the program. It is a type of self-executing function.
Nodes	The basis of all elements in the Document Object Model (DOM) structure.
Objects	Objects are instances created from a class. They are real-world entities that represent the characteristics defined by the class. Objects have a special set of properties that store data and methods that specify behaviours. These methods and properties can be accessed and changed to carry out specific tasks and communicate with other programs.
Prototypes	A function prototype lets you easily define and add properties or methods to an object. Prototypes exist for all objects that can be created with the keyword”new”. All object constructors create objects that inherit properties and methods that are defined by the prototype. At instantiation objects inherit the current state of the prototype. Note however, that scripts can override prototype properties and functions. Following is an example of using a prototype to add a method to the Car class: function Car(make, model, year) {  this.make = make;  this.model = model;  this.year = year; } Car.prototype.getName = function() {  return this.make + ‘ ’ + this.model + ‘ ’ + this.year; }
Script	Offers developers means to modify and extend HTML documents in highly interactive ways. Scripts can be used to validate forms or to process input as it is typed. Scripts can be triggered by events that occur on a web page, such as the clicking of a button. Scripts can be used to dynamically create document elements on an HTML page.
Self-Executing Functions	Often used to initialize data or declare DOM elements. These functions can be anonymous.
Text Nodes	The nodes that contain actual text that go between an element start tag and end tag.
this	Keyword “this” refers to current instance of the object. The value of “this” can vary depending on how the object is called. ​