[JavaScript (12)] Javascript String 객체, String 메소드(replace, substr, split, concat 등) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 객체 - String ] 입니다. : ) ▶ 1. String 객체 생성 방법 - Javascript 에서 문자열은 간단하게 2가지 방법으로 생성 가능 하다. 1) 큰따옴표(""), 작은따옴표(''), backtick(``) ex) var 큰따옴표 = "큰따옴표"; var 작은따옴표 = "작은따옴표"; var 백틱 = `백틱`; // 백틱은 나중에 템플릿 리터럴 방식을 공부할때 자세히 알아보자. console.log(큰따옴표); console.log(작은따옴표); console.log(백틱); t..

[JavaScript (11)] Javascript Date 객체, Date 메소드(getDate, getFullYear, getMonth 등) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 객체 - Date ] 입니다. : ) 0. Javascript에서의 날짜 표현 - 날짜와 시간(년, 월, 일, 시, 분, 초, 밀리초)을 위한 메소드를 제공하는 빌트인 객체, 생성자 함수 이다. - 하루는 86,400,000 밀리초(millisecond)로 계산 한다. ※ 참고 ㆍUTC(Universal Time, Coordinated(협정 세계시)) - 세슘 원자 진동수의 기반의 표준시간 - 오차가 30만 년에 1초라고 할 정도로 아주 정확하고 기준이 될 수 있는 시간 이라고 한다. ㆍGMT(Green..

[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 (8)] Javascript prototype chain(프로토타입 체인) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 프로토타입 체인 ] 입니다. : ) 0. 들어가기 앞서 Java, C++ 등: 클래스 기반 객체지향 프로그래밍 언어 Javascript : 프로토타입 기반 객체지향 프로그래밍 언어 Java : 객체 생성 이전에 클래스를 정의하고 이를 통해 객체(인스턴스)를 생성한다. Javascript : 클래스 없이(Class-less)도 객체를 생성할 수 있다. 물론 ECMAScript 6에서 클래스가 추가 되었다. 하지만 자바스크립트는 여전히 클래스를 기반으로 하진 않는다. 위에서 정의한 것과 같이 Javascript는 자바스크립트는 클래스라는 개념이 없다. 그..

[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 ] 카운트 다운 함수(Count Down Function) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 카운트 다운 함수 만들기 ] 입니다. : ) ★ 실행 예시 사진 ★ 0. 들어가기 앞서 많은 이벤트 페이지나, 신년 행사 등 특정 웹페이지에서 카운트 다운 되는 화면을 본 적이 있을 것이다. 스크립트로 카운트 다운 함수를 만드는 방법을 적어보려 한다. Sample01 : 내일까지 Sample02 : 2024년 4월 1일까지 Sample03 : 종료 케이스 ▶ 샘플 소스 - 미리 로딩 된 화면에 정의된 대로 1) 특정일 기준으로 카운트 다운 2) 특정일을 지난 경우 종료 처리 - Sample Source Code 1) html - html은 CountDown 노출할 특정 영역만 잡..