개발개굴🐸

정규 표현식이란? 정규 표현식(regular expression)은 일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어(formal language)입니다. 정규 표현식은 자바스크립트의 고유 문법이 아니며, 대부분의 프로그래밍 언어와 코드 에디터에 내장되어 있습니다. 정규 표현식은 문자열을 대상으로 패턴 매칭 기능을 제공합니다. 패턴 매칭 기능이란, 특정 패턴과 일치하는 문자열을 검색하거나 추출 또는 치환할 수 있는 기능을 말합니다. *자바스크립트는 펄의 정규 표현식 문법을 ES3부터 도입 예를 들어, 회원가입 화면에서 사용자로부터 입력받은 휴대폰 전화번호가 유효한 번호인지 "숫자 3개 + '-' + 숫자 4개 + '-' + 숫자 4개" 라는 일정한 패턴을 정규 표현식으로 정의하고 사용..

표준 빌트인 객체인 Date는 날짜와 시간(연, 월, 일, 시, 분, 초, 밀리초)을 위한 메서드를 제공하는 빌트인 객체이면서 생성자 함수입니다. 현재 날짜와 시간은 자바스크립트 코드가 실행된 시스템의 시계에 의해 결정됩니다. UTC(협정 세계시) : 국제 표준시로 GMT(그리니치 평균시)로 불리기도 함 KST(한국 표준시) : UTC에 9시간을 더한 시간으로 KST는 UTC보다 9시간이 빠름 Data 생성자 함수 Date 생성자 함수로 생성한 Data 객체는 내부적으로 날짜와 시간을 나타내는 정수값을 가집니다. 이 값은 1970년 1월 1일 00:00:00(UTC)을 기점으로 Date 객체가 나타내는 날짜와 시간까지의 밀리초를 나타냅니다. 1970년 1월 1일 0시를 나타내는 Data 객체는 내부적으로..

표준 빌트인 객체인 Number는 원시 타입인 숫자를 다룰 때 유용한 프로퍼티와 메서드를 제공합니다. Number 생성자 함수 표준 빌트인 객체인 Number 객체는 생성자 함수 객체이기 때문에 new 연산자와 함께 호출하여 Number 인스턴스를 생성할 수 있습니다. // 1. 인수 X const numObj = new Number(); console.log(numObj); // Number {[[PrimitiveValue]]: 0} // 2. 인수 O let numObj = new Number(10); console.log(numObj); // Number {[[PrimitiveValue]]: 10} numObj = new Number('10'); console.log(numObj); // Numbe..

자바스크립트는 배열을 다룰 때 유용한 다양한 빌트인 메서드를 제공합니다. 배열은 사용 빈도가 높은 자료구조이므로 배열 메서드의 사용법을 잘 알아둘 필요가 있습니다. 이러한 배열 메서드 중에서 사용 빈도가 높은 메서드와 추가로 배열 고차 함수에 대해서 알아보겠습니다. *자바스크립트의 배열에 대한 설명은 아래의 포스팅을 참고하세요. https://j-su2.tistory.com/79 [JavaScript] 배열 배열이란? 배열(array)는 여러개의 값을 순차적으로 나열한 자료구조입니다. 요소(element) : 배열이 가지고 있는 값 인덱스(index) : 배열의 요소에서 자신의 위치를 나타내는 0 이상의 정수로 배열에 j-su2.tistory.com 배열 메서드를 사용할 때 주의할 점 Array 생성자 ..

배열이란? 배열(array)는 여러개의 값을 순차적으로 나열한 자료구조입니다. 요소(element) : 배열이 가지고 있는 값 인덱스(index) : 배열의 요소에서 자신의 위치를 나타내는 0 이상의 정수로 배열에 접근할 때 사용 (대부분의 프로그래밍 언어에서 인덱스는 0부터 시작) 자바스크립트의 배열 const arr = ['apple', 'bannana', 'orange']; arr[0]; // 'apple' arr.length // 3 for(let i=0;i true Object.getPrototypeOf(arr) === Array.prototype // -> true 자바스크립트에서 값으로 인정하는 모든 것은 배열의 요소가 될 수 있음 배열의 요소에 접근할 때는 대괄호 표기법을 사용 배열의 길이..

함수의 구분 ES6 이전의 함수의 모든 함수는 사용 목적에 따라 명확한 구분이 없어 호출 방식에 특별한 제약 없이 다양한 형태로 호출이 가능했습니다. 또한, 생성자 함수가 아닌 함수가 불필요한 프로토타입 객체를 생성하기 때문에 혼란스러우며 실수를 유발할 가능성이 있고 성능에도 좋지 않았습니다. 따라서 ES6에서는 함수를 사용 목적에 따라 세 가지 종류로 명확히 구분했습니다. ES 함수의 구분 constructor prototype super arguments 일반 함수(Normal) O O X O 메서드(Method) X X O O 화살표 함수(Arrow) X X X X 메서드 ES6 사양에서 메서드는 메서드 축약 표현으로 정의된 함수만을 의미합니다. const obj = { x: 1, // foo는 메..

클로저(closure)는 자바스크립트 고유의 개념이 아닌 함수형 프로그래밍 언어에서 사용되는 중요한 특성으로 MDN에서는 클로저를 "함수와 그 함수가 선언된 렉시컬 환경과의 조합"이라고 정의합니다. 따라서 클로저를 이해하기 위해선 함수가 선언된 렉시컬 환경에 대해 알아야합니다. 렉시컬 스코프 자바스크립트 엔진은 함수를 어디서 정의했는지에 따라 상위 스코프인 렉시컬 스코프(정적 스코프)를 결정합니다. const x = 1; function foo () { const x = 10; bar(); } function bar () { console.log(X); } foo(); // 1 bar(); // 1 위 예제의 foo 함수와 bar 함수는 모드 전역에서 정의된 전역 함수로 foo 함수와 bar 함수 모두 ..

실행 컨텍스트(execution context)란? 실행 컨텍스트는 소스코드를 실행하는 데 필요한 환경을 제공하고 코드의 실행 결과를 실제로 관리하는 영역으로 자바스크립트의 동작 원리를 담고 있는 핵심 개념입니다. 소스코드의 타입 ECMAScript 사양은 소스코드를 4가지 타입으로 구분하는데 타입에 따라 실행 컨텍스트를 생성하는 과정과 관리 내용이 다릅니다. 소스코드 타입 설명 전역 코드 - 전역에 존재하는 소스코드 - 최상위 스코프인 전역 스코프 생성 - 전역 코드가 평가되면 전역 실행 컨텍스트가 생성 함수 코드 - 함수 내부에 존재하는 소스코드 - 지역 스코프를 생성 - 함수 코드가 평가되면 함수 실행 컨텍스트가 생성 eval 코드 - 빌트인 전역 함수인 eval 함수에 인자로 전달되어 실행되는 소..