본문 바로가기

Java Script

[JAVA SCRIPT] Intl API Internationalization API aka. I18N https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Intl Intl - JavaScript | MDN Intl 객체는 각 언어에 맞는 문자비교, 숫자, 시간, 날짜비교를 제공하는, ECMAScript 국제화 API를 위한 이름공간입니다. Collator (en-US), NumberFormat, DateTimeFormat는 Intl 객체의 속성을 위한 생성자입니다. developer.mozilla.org Intl 은 각 언어에 맞는 문자 비교, 숫자, 시간, 날짜 비교를 제공하는 ECMAScript 국제화 API이다. 숫자가 커질수록 콤마(구분점)이 없으면.. 더보기
[JAVA SCRIPT] DOM 간단 정리 Document Object Model - 문서 객체 모델 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스다. 이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공한다. 브라우저에서는 HTML 파일을 읽어서 이용자에게 보여준다. 이때 HTML Tag를 JavaScript Node(Object)로 변환해서 읽게 된다. Node 오브젝트는 EventTarget 오브젝트를 상속한다. 그래서 EventTarget 안에 있는 모든 함수들을 Node에서 사용할 수 있다. 모든 Node는 Event가 발생할 수 있고, addEventListener 함수를 이용할 수 있다. HTML 문서를 다 읽게 되면 DOM Tree로 변환 된다. 더보기
[JAVA SCRIPT] this 자바 스크립트에서의 this는 누가 호출했는지(호출한 문맥)에 따라서 동적으로 변경된다. 먼저 그냥 this를 콘솔로 출력해보면 브라우저 환경에서의 글로벌 객체인 Window가 나온다. this를 콘솔로 출력하는 간단한 함수를 만들어서 다시 출력해 보자. function simpleFunc() { console.log(this); } simpleFunc(); this를 콘솔로 출력하는 이 함수도 Window를 가르키고 있다. 글로벌 환경에서 simpleFunc() 함수를 호출하는것은 window에서 호출하는것과 동일하기 때문이다. 이번엔 Counter 클래스를 만들고 멤버 변수에 increase() 함수를 만들어 this를 콘솔로 출력해 보자. class Counter { count = 0; increa.. 더보기