연습장

JavaScript 모듈에서 항목을 내보내는 방법. export default한 모듈에서 오직 하나의 기본 항목만 내보낼 수 있습니다.임포트할 때 중괄호 없이, 이름 변경가능  // 모듈 파일 (example.js)export default function greet() { console.log('Hello'); }// 임포트 파일import greet from './example.js';  export모듈에서 여러 항목을 내보낼 수 있습니다.각 항목에 대해 이름을 지정하여 내보냅니다.임포트할 때 중괄호를 사용, 이름 고정 // 모듈 파일 (example.js)export function greet() { console.log('Hello'); }export const number = 42;// 임포트 ..

https://poiemaweb.com/js-array Array | PoiemaWeb배열(array)는 1개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용한다. 자바스크립트의 배열은 객체이며 유용한 내장 메소드를 포함하고 있다.poiemaweb.com 배열(array)은 1개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용한다. 자바스크립트의 배열은 객체이며 유용한 내장 메소드를 포함하고 있다. 배열은 Array 생성자로 생성된 Array 타입의 객체이며 프로토타입 객체는 Array.prototype이다.1. 배열의 생성1.1 배열 리터럴 0개 이상의 값을 쉼표로 구분하여 대괄호([])로 묶는다. 첫번째 값은 인덱스 ‘0’으로 읽을 수 있다. 존재하지 않는 요소에 접근하면 undefined를 ..

https://poiemaweb.com/js-string String | PoiemaWebString 객체는 원시 타입인 문자열을 다룰 때 유용한 프로퍼티와 메소드를 제공하는 레퍼(wrapper) 객체이다. 변수 또는 객체 프로퍼티가 문자열을 값으로 가지고 있다면 String 객체의 별도 생성없이poiemaweb.com  String 객체는 원시 타입인 문자열을 다룰 때 유용한 프로퍼티와 메소드를 제공하는 레퍼(wrapper) 객체이다. 변수 또는 객체 프로퍼티가 문자열을 값으로 가지고 있다면 String 객체의 별도 생성없이 String 객체의 프로퍼티와 메소드를 사용할 수 있다. 원시 타입이 wrapper 객체의 메소드를 사용할 수 있는 이유는 원시 타입으로 프로퍼티나 메소드를 호출할 때 원시 타입과..

https://poiemaweb.com/js-regexp RegExp | PoiemaWeb정규표현식(Regular Expression)은 문자열에서 특정 내용을 찾거나 대체 또는 발췌하는데 사용한다. 예를 들어 회원가입 화면에서 사용자로 부터 입력 받는 전화번호가 유효한지 체크할 필요가 있다.poiemaweb.com  1. 정규표현식(Regular Expression) 정규표현식(Regular Expression)은 문자열에서 특정 내용을 찾거나 대체 또는 발췌하는데 사용한다.반복문과 조건문을 사용한 복잡한 코드도 정규표현식으로 간단하게 표현할 수 있다. 하지만 정규표현식은 주석이나 공백을 허용하지 않고 여러가지 기호를 혼합하여 사용하기 때문에 가독성이 좋지 않다.정규표현식은 리터럴 표기법으로 생성할 수..

https://poiemaweb.com/js-date Date | PoiemaWebDate 객체는 날짜와 시간을 위한 메소드를 제공하는 built-in 객체이다. 내부적으로 Date 객체는 숫자값을 갖는다. 이 값은 1970년 1월 1일 00:00(UTC)을 기점으로 현재 시간까지의 밀리초를 나타낸다.poiemaweb.com  Date 객체날짜와 시간을 위한 메소드를 제공하는 빌트인 객체이면서 생성자 함수이다.년, 월, 일, 시, 분, 초, 밀리초(1/1000초(millisecond, ms))Date 객체는 1970년 1월 1일 00:00(UTC)을 기준으로 현재 시간까지의 밀리초를 숫자값으로 갖는다.현재의 날짜와 시간은 자바스크립트 코드가 동작한 시스템의 시계에 의해 결정된다. 시스템 시계의 설정(ti..

https://poiemaweb.com/js-math Math | PoiemaWebMath 객체는 수학 상수와 함수를 위한 프로퍼티와 메소드를 제공하는 빌트인 객체이다. 생성자가 없으며 모든 프로퍼티와 메소드는 Math 객체의 별도 생성없이 프로퍼티과 메소드를 사용할 수 있poiemaweb.com Math 객체는 수학 상수와 함수를 위한 프로퍼티와 메소드를 제공하는 빌트인 객체이다.Math 객체는 생성자 함수가 아니다.따라서 Math 객체는 정적(static) 프로퍼티와 메소드만을 제공한다. 사용 빈도가 높은 프로퍼티와 메소드만을 설명한다. 1. Math Property  1.1 Math.PI PI 값(π ≈ 3.141592653589793)을 반환한다. Math.PI; // 3.1415926535897..

https://poiemaweb.com/js-number Number | PoiemaWebNumber 객체는 원시 타입 number를 다룰 때 유용한 프로퍼티와 메소드를 제공하는 레퍼(wrapper) 객체이다. 변수 또는 객체의 프로퍼티가 숫자를 값으로 가지고 있다면 Number 객체의 별도 생성없이 Numbepoiemaweb.com  Number 객체는 원시 타입 number를 다룰 때 유용한 프로퍼티와 메소드를 제공하는 레퍼(wrapper) 객체이다. 변수 또는 객체의 프로퍼티가 숫자를 값으로 가지고 있다면 Number 객체의 별도 생성없이 Number 객체의 프로퍼티와 메소드를 사용할 수 있다. var num = 1.5;console.log(num.toFixed()); // 2 위에서 원시 타입을 ..

https://poiemaweb.com/js-global-object Global Object | PoiemaWeb전역 객체(Global Object)는 모든 객체의 유일한 최상위 객체를 의미하며 일반적으로 Browser-side에서는 window, Server-side(Node.js)에서는 global 객체를 의미한다.poiemaweb.com 전역 객체(Global Object)는 모든 객체의 유일한 최상위 객체를 의미 브라우저 환경에서: window 객체가 전역 객체입니다.Node.js 환경에서: global 객체가 전역 객체입니다.  // in browser consolethis === window // true// in Terminalnodethis === global // true전역 객체는 실..

https://poiemaweb.com/js-built-in-object Built-in Object | PoiemaWebBuilt-in Object(내장 객체)는 웹페이지 등을 표현하기 위한 공통의 기능을 제공한다. 웹페이지가 브라우저에 의해 로드되자마자 별다른 행위없이 바로 사용이 가능하다. Built-in Object는 아래와 같이poiemaweb.com  자바스크립트의 객체는 다음과 같이 3가지로 분류할 수 있다. 1. 네이티브 객체 네이티브 객체(Native objects , Built-in objects , Global Objects)는 ECMAScript 명세에 정의된 객체를 말하며 애플리케이션 전역의 공통 기능을 제공한다. 네이티브 객체는 애플리케이션의 환경과 관계없이 언제나 사용할 수 있..

https://poiemaweb.com/js-object-oriented-programming Object-Oriented Programming | PoiemaWeb오늘날 많은 유명한 프로그래밍 언어(Java, C++, C#, Python, PHP, Ruby, Object-C)는 객체지향 프로그래밍을 지원한다.poiemaweb.com  1. 객체지향 프로그래밍 (Object-Oriented Programming) 개요 객체지향 프로그래밍은 실세계에 존재하고 인지하고 있는 객체(Object)를 소프트웨어의 세계에서 표현하기 위해 객체의 핵심적인 개념 또는 기능만을 추출하는 추상화(abstraction)를 통해 모델링하려는 프로그래밍 패러다임을 말한다. 다시 말해, 우리가 주변의 실세계에서 사물을 인지하는 ..