Home
Youngho's Devlog
Cancel

[PoiemaWeb] 5.26 정규표현식

1. 정규표현식(Regular Expression) 정규표현식(Regular Expression)은 문자열에서 특정 내용을 찾거나 대체 또는 발췌하는데 사용한다. 예를 들어 회원가입 화면에서 사용자로 부터 입력 받는 전화번호가 유효한지 체크할 필요가 있다. 이때 정규표현식을 사용하면 간단히 처리할 수 있다. const tel = '010123456...

[PoiemaWeb] 5.25 날짜와 시간을 위한 Date 객체

Date 객체는 날짜와 시간(년, 월, 일, 시, 분, 초, 밀리초(천분의 1초(millisecond, ms)))을 위한 메소드를 제공하는 빌트인 객체이면서 생성자 함수이다. Date 생성자 함수로 생성한 Date 객체는 내부적으로 숫자값을 갖는다. 이 값은 1970년 1월 1일 00:00(UTC)을 기점으로 현재 시간까지의 밀리초를 나타낸다. U...

[PoiemaWeb] 5.24 수학 상수와 함수를 위한 Math객체(PoiemaWeb-Javascript)

Math 객체는 수학 상수와 함수를 위한 프로퍼티와 메소드를 제공하는 빌트인 객체이다. Math 객체는 생성자 함수가 아니다. 따라서 Math 객체는 정적(static) 프로퍼티와 메소드만을 제공한다. 사용 빈도가 높은 프로퍼티와 메소드만을 설명한다. 출처 https://poiemaweb.com/js-math

[PoiemaWeb] 5.23 Number 레퍼 객체(PoiemaWeb-Javascript)

Number 객체는 원시 타입 number를 다룰 때 유용한 프로퍼티와 메소드를 제공하는 레퍼(wrapper) 객체이다. 변수 또는 객체의 프로퍼티가 숫자를 값으로 가지고 있다면 Number 객체의 별도 생성없이 Number 객체의 프로퍼티와 메소드를 사용할 수 있다. 원시 타입이 wrapper 객체의 메소드를 사용할 수 있는 이유는 원시 타입으로 ...

[PoiemaWeb] 5.22 전역 객체(PoiemaWeb-Javascript)

전역 객체(Global Object)는 모든 객체의 유일한 최상위 객체를 의미하며 일반적으로 Browser-side에서는 window, Server-side(Node.js)에서는 global 객체를 의미한다. 전역 객체는 실행 컨텍스트에 컨트롤이 들어가기 이전에 생성이 되며 constructor가 없기 때문에 new 연산자를 이용하여 새롭게 생성...

[PoiemaWeb] 5.21 빌트인 객체(PoiemaWeb-Javascript)

자바스크립트의 객체는 아래와 같이 크게 3개의 객체로 분류할 수 있다. 1. 네이티브 객체 네이티브 객체(Native objects or Built-in objects or Global Objects)는 ECMAScript 명세에 정의된 객체를 말하며 애플리케이션 전역의 공통 기능을 제공한다. 네이티브 객체는 애플리케이션의 환경과 관계없이 언제나...

[PoiemaWeb] 5.20 객체 지향 프로래밍(PoiemaWeb-Javascript)

2.2 프로토타입 기반 언어 객체 지향의 상속, 캡슐화(정보 은닉) 등의 개념은 프로토타입 체인과 클로저 등으로 구현할 수 있다. 상속 -> 프로토타입 체인 캡슐화(정보 은닉) -> 클로저 4. 프로토타입 체인과 메소드의 정의 프로토타입 객체는 상속할 것들이 저장되는 장소이다. 아래는 더글라스 크락포드가 제안한 프로토타입 ...

[PoiemaWeb] 5.19 클로저(PoiemaWeb-Javascript)

1. 클로저(closure)의 개념 function outerFunc() { var x = 10; var innerFunc = function () { console.log(x); }; return innerFunc; } /** * 함수 outerFunc를 호출하면 내부 함수 innerFunc가 반환된다. * 그리고 함수 oute...

[PoiemaWeb] 5.18 실행 컨텍스트와 자바스크립트의 동작 원리(PoiemaWeb-Javascript)

해당 포스팅의 내용은 ES3를 기반으로 하고 있다. 1. 실행 컨텍스트 실행 컨텍스트(Execution Context)는 scope, hoisting, this, function, closure 등의 동작원리를 담고 있는 자바스크립트의 핵심원리이다. 실행 컨텍스트를 바로 이해하지 못하면 코드 독해가 어려워지며 디버깅도 매우 곤란해 질 것이다. EC...

[PoiemaWeb] 5.17 this(PoiemaWeb-Javascript)

자바스크립트의 함수는 호출될 때, 매개변수로 전달되는 인자값 이외에, arguments 객체와 this를 암묵적으로 전달 받는다. function square(number) { console.log(arguments); console.log(this); return number * number; } square(2); 자바스크립트...