2. 웹개발/Javascript
-
[JavaScript (11)] Javascript Date 객체, Date 메소드(getDate, getFullYear, getMonth 등) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 객체 - Date ] 입니다. : ) 0. Javascript에서의 날짜 표현 - 날짜와 시간(년, 월, 일, 시, 분, 초, 밀리초)을 위한 메소드를 제공하는 빌트인 객체, 생성자 함수 이다. - 하루는 86,400,000 밀리초(millisecond)로 계산 한다. ※ 참고 ㆍUTC(Universal Time, Coordinated(협정 세계시)) - 세슘 원자 진동수의 기반의 표준시간 - 오차가 30만 년에 1초라고 할 정도로 아주 정확하고 기준이 될 수 있는 시간 이라고 한다. ㆍGMT(Green..
[JavaScript (11)] Javascript Date 객체, Date 메소드(getDate, getFullYear, getMonth 등)[JavaScript (11)] Javascript Date 객체, Date 메소드(getDate, getFullYear, getMonth 등) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 객체 - Date ] 입니다. : ) 0. Javascript에서의 날짜 표현 - 날짜와 시간(년, 월, 일, 시, 분, 초, 밀리초)을 위한 메소드를 제공하는 빌트인 객체, 생성자 함수 이다. - 하루는 86,400,000 밀리초(millisecond)로 계산 한다. ※ 참고 ㆍUTC(Universal Time, Coordinated(협정 세계시)) - 세슘 원자 진동수의 기반의 표준시간 - 오차가 30만 년에 1초라고 할 정도로 아주 정확하고 기준이 될 수 있는 시간 이라고 한다. ㆍGMT(Green..
2020.03.27 -
[JavaScript (9)] Javascript Number 객체, Number 메소드 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 객체 - Number ] 입니다. : ) 0. Number 객체란 - 보통 자바스크립트에서 수를 표현할 때는 숫자 리터럴로 표현한다. var a = 7; - 하지만 수를 표현할 때 Number 객체로 생성할 수도 있다. 이 Number 객체를 숫자 값을 감싸고 있는 래퍼(wrapper)객체 라고 한다. var b = new Number(7); - Number 객체는 숫자(원시 숫자 자료형)를 다룰 때 유용한 프로퍼티와 메소드를 제공하는 레퍼(wrapper) 객체이다. 또한 간단하게는 문자열을 숫자로 변경해주는 용도로도 자주 사용된다. var c = new N..
[JavaScript (9)] Javascript Number 객체, Number 메소드[JavaScript (9)] Javascript Number 객체, Number 메소드 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 객체 - Number ] 입니다. : ) 0. Number 객체란 - 보통 자바스크립트에서 수를 표현할 때는 숫자 리터럴로 표현한다. var a = 7; - 하지만 수를 표현할 때 Number 객체로 생성할 수도 있다. 이 Number 객체를 숫자 값을 감싸고 있는 래퍼(wrapper)객체 라고 한다. var b = new Number(7); - Number 객체는 숫자(원시 숫자 자료형)를 다룰 때 유용한 프로퍼티와 메소드를 제공하는 레퍼(wrapper) 객체이다. 또한 간단하게는 문자열을 숫자로 변경해주는 용도로도 자주 사용된다. var c = new N..
2020.03.26 -
[JavaScript (8)] Javascript prototype chain(프로토타입 체인) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 프로토타입 체인 ] 입니다. : ) 0. 들어가기 앞서 Java, C++ 등: 클래스 기반 객체지향 프로그래밍 언어 Javascript : 프로토타입 기반 객체지향 프로그래밍 언어 Java : 객체 생성 이전에 클래스를 정의하고 이를 통해 객체(인스턴스)를 생성한다. Javascript : 클래스 없이(Class-less)도 객체를 생성할 수 있다. 물론 ECMAScript 6에서 클래스가 추가 되었다. 하지만 자바스크립트는 여전히 클래스를 기반으로 하진 않는다. 위에서 정의한 것과 같이 Javascript는 자바스크립트는 클래스라는 개념이 없다. 그..
[JavaScript (8)] Javascript prototype chain(프로토타입 체인)[JavaScript (8)] Javascript prototype chain(프로토타입 체인) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 프로토타입 체인 ] 입니다. : ) 0. 들어가기 앞서 Java, C++ 등: 클래스 기반 객체지향 프로그래밍 언어 Javascript : 프로토타입 기반 객체지향 프로그래밍 언어 Java : 객체 생성 이전에 클래스를 정의하고 이를 통해 객체(인스턴스)를 생성한다. Javascript : 클래스 없이(Class-less)도 객체를 생성할 수 있다. 물론 ECMAScript 6에서 클래스가 추가 되었다. 하지만 자바스크립트는 여전히 클래스를 기반으로 하진 않는다. 위에서 정의한 것과 같이 Javascript는 자바스크립트는 클래스라는 개념이 없다. 그..
2020.03.25 -
[JavaScript (7)] Javascript 함수2 - 기본 내장함수(eval, parseInt, encodeURI, encodeURIComponent 등) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 함수 - 기본 내장함수 ] 입니다. : ) 0. 들어가기 앞서 앞서 함수의 정의, 호출방법, 그리고 활용 방법 등을 간단히 알아 보았다. 자바스크립트는 사용자의 편의를 위해 몇가지 내장함수를 제공한다. 이중 사용시 유의해야할 함수, 그리고 매우 유용한 함수들이 있으니 알아보도록 하자. 1. 내장 함수 ▶ 1. eval() - 문자열을 코드로 인식하게 하는 함수. - eval("문자열") ex) var a = "1+1"; console.log(a); // 1+1 console.log(ev..
[JavaScript (7)] Javascript 함수2 - 기본 내장함수(eval, parseInt, encodeURI, encodeURIComponent 등)[JavaScript (7)] Javascript 함수2 - 기본 내장함수(eval, parseInt, encodeURI, encodeURIComponent 등) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 함수 - 기본 내장함수 ] 입니다. : ) 0. 들어가기 앞서 앞서 함수의 정의, 호출방법, 그리고 활용 방법 등을 간단히 알아 보았다. 자바스크립트는 사용자의 편의를 위해 몇가지 내장함수를 제공한다. 이중 사용시 유의해야할 함수, 그리고 매우 유용한 함수들이 있으니 알아보도록 하자. 1. 내장 함수 ▶ 1. eval() - 문자열을 코드로 인식하게 하는 함수. - eval("문자열") ex) var a = "1+1"; console.log(a); // 1+1 console.log(ev..
2020.03.23 -
[JavaScript (6)] Javascript 함수(함수 기본, 재귀함수, 호이스팅 등) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 함수 ] 입니다. : ) 0. 들어가기 앞서 함수의 정의, 호출방법, 그리고 활용 방법 등을 간단히 알아보려 한다. 1. 함수(function) 기본 ▶ 1. 함수(function)란? - 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록 - javascript에서 코드 집합을 나타내는 자료형) - 작업을 수행하거나 값을 계산하는 문장 집합 같은 자바스크립트 절차 - 함수도 일반 객체처럼 값으로 취급된다. 즉 하나의 데이터 타입 이다. 이러한 특징때문에 자바스크립트의 함수는 일급 객체라고 하며, 변수에도 할당 가능하다. ※ 참고할 용어 ◎ 일급시민(F..
[JavaScript (6)] Javascript 함수(함수 기본, 재귀함수, 호이스팅 등)[JavaScript (6)] Javascript 함수(함수 기본, 재귀함수, 호이스팅 등) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 함수 ] 입니다. : ) 0. 들어가기 앞서 함수의 정의, 호출방법, 그리고 활용 방법 등을 간단히 알아보려 한다. 1. 함수(function) 기본 ▶ 1. 함수(function)란? - 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록 - javascript에서 코드 집합을 나타내는 자료형) - 작업을 수행하거나 값을 계산하는 문장 집합 같은 자바스크립트 절차 - 함수도 일반 객체처럼 값으로 취급된다. 즉 하나의 데이터 타입 이다. 이러한 특징때문에 자바스크립트의 함수는 일급 객체라고 하며, 변수에도 할당 가능하다. ※ 참고할 용어 ◎ 일급시민(F..
2020.03.20 -
[JavaScript (5)] Javascript 제어문(2) - 반복문(for, while, break, continue) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 반복문 ] 입니다. : ) 0. 들어가기 앞서 반복문이란, 똑같은 명령을 일정 횟수만큼 반복하여 수행하도록 제어하는 실행문 이다. 흔히 처음 개발을 시작하면 "for문으로 돌려"라는 말을 흔히 들을 수 있는데, 대표적인 반복문이 for문이고, 이외에 다양한 반복문이 존재한다. 자바스크립트에서 사용할 수 있는 반복문과 반복문에서 쓸수 있는 구문들은 다음과 같다. 1) for 문 2) for / in 문 3) for / of 문 4) while 문 5) do / while 문 6) label 문 7) break 문 8) con..
[JavaScript (5)] Javascript 제어문(2) - 반복문(for, while, break, continue)[JavaScript (5)] Javascript 제어문(2) - 반복문(for, while, break, continue) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 반복문 ] 입니다. : ) 0. 들어가기 앞서 반복문이란, 똑같은 명령을 일정 횟수만큼 반복하여 수행하도록 제어하는 실행문 이다. 흔히 처음 개발을 시작하면 "for문으로 돌려"라는 말을 흔히 들을 수 있는데, 대표적인 반복문이 for문이고, 이외에 다양한 반복문이 존재한다. 자바스크립트에서 사용할 수 있는 반복문과 반복문에서 쓸수 있는 구문들은 다음과 같다. 1) for 문 2) for / in 문 3) for / of 문 4) while 문 5) do / while 문 6) label 문 7) break 문 8) con..
2020.03.16