JavaScript

[JavaScript] JavaScript API

API Application Programming Interface의 약자로, 프로그램이 동작하는 환경을 제어하기 위해서 환경에서 제공되는 조작 장치다. 이 조작 장치는 프로그래밍 언어를 통해서 조작할 수 있다. 자바스크립트의 API 자바스크립트의 API는 크게 자바스크립트 자체의 API와 자바스크립트가 동작하는 호스트 환경의 API로 구분된다. 자바스크립트 API 문서 : 자바스크립트 자체에서 제공하는 API 의 정보 ECMAScript (표준문서) 자바스크립트 사전 (생활코딩) 자바스크립트 레퍼런스 (MDN) jscript 레퍼런스 (MSDN) 호스트 환경의 API 문서 웹브라우저 API Node.js API Google Apps Script API 자바스크립트 API 는 어떤 호스트환경에서도 사용가..

[Web] 웹 프로그래밍의 기초(JavaScript)

자바스크립트는 HTML, CSS와 달리 C 언어나 자바와 같은 프로그래밍 언어의 범주에 속하기 때문에 배우기 위해서는 많은 노력이 요구된다. 자바스크립트 자바스크립트는 정적인 HTML 콘텐츠에서 사용자와 상호작용하며 동적으로 변경하는 부분을 담당한다. 자바스크립트는 객체(Object) 기반의 스크립트 언어로 기본적으로는 웹 브라우저에서 해석되는 인터프리터 언어이며, Node.js와 같은 프레임워크를 사용하면 서버 프로그래밍에도 사용할 수 있다. 자바스크립트의 특징 동적이며 타입을 명시할 필요가 없는 인터프리터 언어다. 객체지향 프로그래밍과 함수형 프로그래밍 모두 표현할 수 있다. HTML의 내용, 속성, 스타일을 변경할 수 있다. 이벤트를 처리하고 사용자와의 상호작용을 가능하게 한다. 서버와 실시간 통신..

JSP, Javascript, J Query, Java

JSP Java Server Pages의 약자로 HTML 내에 직접 자바 코드를 삽입하여 웹 서버에서 동적으로 웹 페이지를 생성하여 웹 브라우저에게 돌려주는 서버 측 웹 프로그래밍중 하나다. JavaScript Front-End 개발 언어로, 정적인 웹 문서에 동작을 부여하는 스크립트 언어다. 스크립트 언어 : 소스 코드를 Compile( = 여러 출처에서 자료를 따와 엮다, 편집하다, 명령어를 컴파일하다) 하지 않고도 실행할 수 있는 프로그래밍 언어를 말한다. 그래서 Javascript도 웹브라우저에서 바로 실행되며, JSP와 다르게 클라이언트 측 스크립트 언어다. J Query 브라우저 호환성이 있는 HTML 속 자바스크립트 라이브러리(Library). 클라이언트 사이드 스크립트 언어를 단순화 할 수..

[JavaScript] 바닐라 자바스크립트(Vanilla JavaScript)

바닐라 자바스크립트란? 바닐라 JS는 강력한 Javascript 애플리케이션을 만들기 위한 빠르고 가벼운 크로스 플랫폼 프레임워크다. 공식 사이트는 아니지만 바닐라 자바스크립트를 대변하는 웹 사이트에서는 Vanilla JS를 위와 같이 정의한다. Vanilla-js 웹 사이트에는 바닐라 자바스크립트와 jQuery를 비교한 내용을 게시해 놓았다. 명령어를 수행하는 속도와 사용하는 코드를 예로 들어 차이점을 이야기한다. 바닐라 스크립트의 정의처럼 비교 결과는 바닐라 스크립트가 jQuery에 비해 유용하다고 보여준다. 바닐라 자바스크립트 소스를 보았다면 바닐라 자바스크립트가 무엇인지 알 수 있다. 바로 순수한 자바스크립트다. 그리고 정말인지는 몰라도 바닐라(Vanilla)라는 단어의 뜻은 스페인어 "Vanin..

[JavaScript] 비동기처리(async/await)

비동기 처리 방식 자바스크립트는 싱글 스레드 프로그래밍언어기 때문에 비동기처리가 필수적이다. 비동기 처리는 그 결과가 언제 반환될지 알수 없기 때문에 동기식으로 처리하는 기법들이 사용되어야 하는데, 대표적으로 setTimeout이 있고 callback과 promise가 있다. 세 가지 모두 비동기 코드를 동기식으로 작성하는데 휼륭한 기법들이지만, 모두 약간의 문제점을 가지고 있다. async와 await는 이런 문제들을 해결함과 동시에 그 사용법에 있어서도 훨씬 단순해졌다. // promise 문법 function p() { return new Promise((resolve, reject) => { resolve('hello'); // or reject(new Error('error'); }); } p(..

[JavaScript] RegExp 객체

RegExp 객체 RegExp 객체는 정규 표현식을 구현한 자바스크립트 표준 내장 객체다. RegExp 객체를 생성하는 문법은 다음과 같다. 문법 new RegExp(검색패턴[, 플래그]); 검색 패턴을 나타내는 정규 표현식은 따옴표나 슬래시(/)로 감싸야 한다. 기본 검색 설정을 변경할 수 있는 플래그는 필요할 때만 전달할 수 있다. RegExp.prototype 메소드 모든 RegExp 인스턴스는 RegExp.prototype으로부터 메소드와 프로퍼티를 상속받는다. 이렇게 상속받은 RegExp.prototype 메소드를 사용하여 정규 표현식을 표현할 수 있다. RegExp.prototype.exec() RegExp.prototype.test() exec() 메소드 exec() 메소드는 인수로 전달된 ..