Javascript(114)
-
AJAX란 무엇인가 ?
AJAX (Asynchronous Javascript And XML) AJAX란, JavaScript의 라이브러리중 하나이며 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자이다. 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법 이며 JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술이다. 즉, 쉽게 말하자면 자바스크립트를 통해서 서버에 데이터를 요청하는 것이다. 동기, 비동기 flow 비동기 방식이란 99geo.tistory.com/64 비동기 프로그래밍 ( Asynchronous ) ? 비동기 프로그래밍 ( Async..
2023.03.27 -
binding의 개념과 call, apply, bind의 차이점
binding이란? javascript의 함수는 각자 자신만의 this라는 것을 정의한다. 예를 들어 자기소개를 하는 함수를 만들기 위해 say()이라는 함수를 만든다고 하자. const say = function() { console.log(this); // 여기서 this는 뭘까? console.log("Hello, my name is " + this.name); }; say(); 실행해보면 window객체가 나타난다. 기본적으로 this는 window이기 때문이다. 사실 참 어려운게, 꼭 window라고만 말할 수는 없다. this는 객체 내부, 객체 메서드 호출시, 생성자 new 호출시, 명시적 bind시에 따라 바뀌기 때문이다. 어찌되었든 우리는 say함수에서 Window객체를 사용하고 싶지 않..
2023.03.20 -
RegExp 객체
RegExp 객체 정규 표현식을 구현한 자바스크립트 표준 내장 객체 문법 new RegExp(검색패턴[, 플래그]); 1. 검색 패턴을 나타내는 정규 표현식은 따옴표나 슬래시(/)로 감싸야 함 2. 기본 검색 설정을 변경할 수 있는 플래그는 필요할 때만 전달할 수 있음 RegExp.prototype 메소드 모든 RegExp 인스턴스는 RegExp.prototype으로부터 메소드와 프로퍼티를 상속받음 이렇게 상속받은 RegExp.prototype 메소드를 사용하여 정규 표현식을 표현할 수 있음 1. RegExp.prototype.exec() 2. RegExp.prototype.test() exec() 메소드 인수로 전달된 문자열에서 특정 패턴을 검색하여, 패턴과 일치하는 문자열을 반환 만약에 패턴과 일치하..
2023.01.20 -
정규 표현식의 응용
특수 문자(special characters) 정규 표현식을 사용하여 단순한 패턴을 검색하고자 할 때는 찾고자 하는 문자열을 직접 나열하면 됨 하지만 숫자만을 검색하거나, 띄어쓰기를 찾는 등 정확히 일치하는 패턴보다 더 복잡한 조건을 사용하려면 특수 문자를 사용해야 함 특수 문자설명 \ 역슬래시(\) 다음에 일반 문자가 나오면 이스케이프 문자로 해석하고, 특수 문자가 나오면 일반 문자로 해석함. \d 숫자를 검색함. /[0-9]/와 같음. \D 숫자가 아닌 문자를 검색함. /[^0-9]/와 같음 \w 언더스코어(_)를 포함한 영문자 및 숫자를 검색함. /[A-Za-z0-9_]/와 같음. \W 언더스코어(_), 영문자, 숫자가 아닌 문자를 검색함. /[^A-Za-z0-9_]/와 같음. \s 띄어쓰기, 탭,..
2023.01.20 -
Strict 모드
strict 모드란? ECMAScript 5에서 처음으로 소개된 strict 모드는 자바스크립트 코드에 더욱 엄격한 오류 검사를 적용해 줌 strict 모드는 스크립트나 함수의 맨 처음에 "use strict" 지시어를 사용하여 선언할 수 있음 예제 "use strict" // 전체 스크립트를 strict 모드로 설정함. try { num = 3.14; // 선언되지 않은 변수를 사용했기 때문에 오류를 발생시킴. } catch (ex) { document.getElementById("text").innerHTML = ex.name + " "; document.getElementById("text").innerHTML += ex.message; } 코딩연습 ▶ 이렇게 선언된 strict 모드는 해당 블록의..
2023.01.19 -
예외 처리
예외(exception) 프로그램이 실행 중에 발생하는 런타임 오류 이러한 예외가 발생하지 않도록 미리 방지하는 것도 중요하지만, 발생한 예외를 처리하는 방법 또한 매우 중요 오류(error) - 프로그램 구문의 문법적인 오류 예외 발생 예외를 발생시킨다는 것은 명시적으로 오류를 발생시킨다는 의미뿐만 아니라 예외 상황을 알린다는 의미도 있음 자바스크립트에서는 throw 키워드를 사용하여 예외를 발생시킬 수 있음 문법 throw 표현식; 표현식에는 예외 코드를 나타내는 숫자나 오류 메시지를 담고 있는 문자열, Error 객체 등이 올 수 있음 예외 처리(exception handling) 자바스크립트에서는 프로그램이 실행되는 도중 발생하는 예외를 처리하기 위해 try / catch / finally 문을 ..
2023.01.18