[JS] Object | 02. Navigator 객체
·
Language/JavaScript
Navigator는 브라우저의 정보를 불러올 수 있는 객체입니다.브라우저는 그 종류와 버전에 따라 지원하는 속성 또는 메소드들이 다르기 때문에,어떤 브라우저 조건에서도 웹이 동작하도록 하려면 브라우저의 조건별로 다른 코드를 짜야 합니다.이를 위해서 먼저 Navigator를 통해 대상 브라우저의 정보를 읽어올 수 있습니다. 속성반환값appCodeName특정 코드 문자열appName브라우저 이름appVersion브라우저 버전cookieEnabled쿠키 사용 여부mimeTypesMIME(Multipart Internet Mail Extension) 타입 리스트platform브라우저가 컴파일된 OS 플랫폼plugins클라이언트에 설치된 플러그인 리스트userAgent클라이언트에게 보내지는 HTTP의 헤더값e.g..
[JS] Object | 01. Window 객체
·
Language/JavaScript
Window는 브라우저와 관련된 객체 중 가장 큰 객체입니다.하나의 document에는 하나의 window 객체가 있습니다.만약 문서 안에 또 다른 문서가 포함되어 있는 구조라면, window 객체도 두 개가 존재하게 됩니다. 문서 안에 문서를 포함하는 구조는 HTML의 태그를 통해 구현할 수 있습니다. 1. 참조각 window 객체는 다른 window에서부터 다음과 같이 참조할 수 있습니다.객체참조winname = window.open( );새로 연 창window.top최상위 프레임window.parent바로 위 프레임window.self자신 (=window)window.openerwindow.open( ) 으로 새 창을 열고 그 window2. 열기window.open( )을 사용해 새로운 wind..
[JS] Syntax | 04. 함수와 클래스
·
Language/JavaScript
1. 함수JS의 클래스는 함수를 사용하여 정의합니다.함수는 아래와 같이 선언할 수 있습니다.// 1. with namefunction func(a, b, c) { //...}// 2. without namevar func = function () { // ...}2. 클래스클래스는 위의 두 번째 문법을 사용해 구현할 수 있습니다.프로토타입은 JS의 프로그래밍 기반으로, 객체가 복제되거나 생성되더라도 동일하게 유지되는 속성을 관리합니다.따라서 프로토타입 내에서 정의되는 속성과 메소드는 인스턴스에 상관없이 동일하게 존재합니다.단, 같은 이름의 속성이나 메소드가 있으면 프로토타입은 호출되지 않습니다.Classname = function (x) { this.property = x; this.method = fu..
[JS] Syntax | 03. 기타 도움 될 만한 함수 & 연산자들
·
Language/JavaScript
JS에서 사용할 수 있는 함수 중 도움이 될 만한 함수나 연산자들을 정리합니다. 함수기능eval( )파싱isNaN( )NaNisFinite( )유효 연산자기능=== / !=='엄격한' 자료형 비교.== 와는 달리 undefined와 null을 구분함.typeof AA의 자료형 반환A instanceof BA가 B의 인스턴스인지※ == 와 === 차이 비교operand 1operand 2=====0'0'TrueFalse0''TrueFalse0-0TrueFalse0falseTrueFalse'0'falseTrueFalse[ ]falseTrueFalseundefinednullTrueFalseundefinedfalseFalseFalse
[JS] Date 자료형을 이용해 날짜 계산하기
·
Language/JavaScript
Date 자료형에서 제공하는 set / get 함수를 이용하여 n일 후의 날짜를 계산하는 코드를 작성합니다. var weekstr='월화수목금토';daygap = 2000;now = newday = new Date();newDay.setDate(now.getDate() + daygap);newyy = newDay.getYear();newmm = newDay.getMonth() + 1;newdd = newDay.getDate();newww = weekstr.substring(newDay.getDay(), newDay.getDay()+1);document.write('after' + daygap + 'days from now : ' + newmm + '/' + newdd + '/' + newy + '.' +..
[JS] Syntax | 02. 자료형
·
Language/JavaScript
1. NumberNumber는 정수(int) / 실수(float) / NaN(Non a Number) / Infinity 를 포함합니다.속성반환값MAX_VALUEJS에서 최댓값MIN_VALUEJS에서 최솟값NaN숫자가 아닌 값INFINITY최대/최소보다 크거나 작은 값 메소드 매개변수 기능예시 (100)toExponential(n) n : 소수점 자리 수 지수표기법으로 변환4 | 1.0000e+2toFixed(n) n : 소수점 자리 수 소수점 자리 수를 고정4 | 100.0000toPrecision(n) n : 유효숫자 수 유효숫자 범위를 지정4 | 100.0toString(n)n : 진수지정한 진수법으로 표현한문자열 변환16 | 64valueOf( ) 객체 값100 숫자의 자료형을 변환하려면 아래 함..
[JS] Syntax | 01. 변수 선언
·
Language/JavaScript
JS에서 변수를 선언하는 방법은 크게 두 가지 입니다.1. varvar는 모든 자료형에 대한 객체 변수 선언입니다. JS에서 사용되는 자료형은 모두 객체에 귀속되기 때문에 모든 종류의 자료형에 사용할 수 있습니다.var를 통해 선언한 변수는 처음에는 아무런 값도 가지지 않습니다.var variable_a2. letlet은 var와 달리 선언시에 기본값을 지정해주어야 합니다.또한, 한 번 선언된 let 변수는 재선언(let a = ...)이 불가하며, 재할당(a = ...)만 가능합니다.let a = 123a = 456let a = 456 // error3. constconst는 상수값을 나타내며, 재선언과 재할당 모두 불가능합니다.일반적으로 상수값의 이름은 대문자로 선언하는 편입니다.const A = 1..
[JS] JavaScript에 대해서
·
Language/JavaScript
JavaScript(JS)는 객체지향의 스크립트 프로그래밍 언어로, HTML / CSS와 함께 웹을 구성하는 주요 요소 중 하나입니다. HTML과 CSS가 웹 페이지의 겉보기를 담당한다면, JS는 웹 페이지의 동작 원리를 담당한다고 볼 수 있습니다.또한 Node.js와 같은 런타임 환경의 서버 프로그래밍에서도 사용되기도 합니다. Java와는 엄연히 다른 언어입니다!