본문 바로가기

프로그래밍/JavaScript50

Javascript Intl 클래스 사용법 JavaScript의 Intl 클래스는 다국어 지원, 날짜 및 시간 형식, 화폐, 숫자 및 단위 변환 등과 같은 다양한 지역화 기능을 제공합니다. 이 글에서는 Intl 클래스의 사용법에 대해 소개하고, 어떤 상황에서 사용할 수 있는지 설명하겠습니다. 1. Intl 클래스란? Intl 클래스는 JavaScript에서 다양한 지역화 기능을 제공하는 클래스입니다. 이 클래스를 사용하면 사용자의 지역에 따라 문자열, 숫자, 날짜 및 시간 형식, 화폐, 단위 등을 다르게 표현할 수 있습니다. Intl 클래스는 다양한 하위 클래스를 포함하고 있으며, 이를 통해 다양한 기능을 제공합니다. Collator 클래스는 문자열을 정렬하는 기능을 제공하고, DateTimeFormat 클래스는 날짜 및 시간 형식을 지정하는 기.. 2023. 3. 13.
경도, 위도로 두 지점간의 거리 계산하기 지구는 구형태를 띄고 있기 때문에 위치마다 경도 1º, 위도 1º의 거리는 서로 다릅니다. 이를 계산하기 위해서 두 지점의 경도와 위도를 가지고 거리를 계산하는 방법은 "하버사인 공식(Haversine formula)"이라는 수식을 사용합니다. 이 공식은 두 지점의 위도, 경도, 지구 반지름 등을 이용하여 구할 수 있습니다. 하버사인의 공식은 아래의 링크를 참고하시기 바랍니다. Haversine formula - Wikipedia From Wikipedia, the free encyclopedia Formula for the great-circle distance between two points on a sphere The haversine formula determines the great-circl.. 2023. 3. 12.
Javascript 프레임워크 비교(React, Vue, Angular) React.js, Vue.js, Angular.js는 모두 인기있는 프론트엔드 프레임워크입니다. 이 세 가지 프레임워크는 개발자들이 웹 애플리케이션을 구축할 때 선택할 수 있는 다양한 옵션 중 하나입니다. 이번 글에서는 React.js, Vue.js, Angular.js를 비교해보고 각각의 장단점을 살펴보겠습니다. React.js React.js는 Facebook에서 개발한 자바스크립트 라이브러리입니다. React.js의 주요 기능 중 하나는 Virtual DOM입니다. Virtual DOM은 브라우저에서 실제 DOM 요소와 대응되는 가상의 DOM 요소를 생성합니다. 이렇게 생성된 가상의 DOM 요소를 기반으로 React.js는 실제 DOM에 변화가 필요한 부분만 업데이트합니다. 이로 인해 React.j.. 2023. 3. 12.
JavaScript에서 var, let, const의 차이점 JavaScript에서 변수를 선언하는 키워드로는 var, let, const가 있습니다. ES6에서 새로 추가된 let과 const 키워드는 var 키워드와 다른 특징을 가지고 있습니다. 이번 글에서는 let과 const 키워드가 var 키워드와 어떻게 다른지에 대해 알아보겠습니다. 2023. 3. 12.
Javascript 문자열 처리 "" 혹은 '' 대신, 이제 ``를 사용하세요. 문자열 처리 시 보통 큰 따옴표("")와 작은 따옴표('')를 사용합니다. 하지만, 이제 백틱(``)을 사용해서 좀 더 편하고 직관적으로 코딩하여 가독성을 높여보세요. 보통 Template literals라고 하는데, 이에 대해 알아보도록 하겠습니다. Template literals는 ES6부터 추가된 문자열 표기법 중 하나로, 문자열 안에서 변수나 표현식을 쉽게 삽입할 수 있도록 해주는 문법입니다. 기존의 문자열 표기법과는 다르게 백틱(``)으로 문자열을 감싸며, ${}를 사용하여 변수나 표현식을 삽입할 수 있습니다. 예를 들어, 다음과 같이 사용할 수 있습니다: 기존 처리 방식("" 혹은 '') 사용: const name = "Alice"; const age = 30; console.log('My n.. 2023. 3. 7.
JavaScript HTML Content, Attribute, CSS 제어하기 JavaScript를 사용하여 HTML 컨텐츠, 속성, 그리고 CSS를 제어하는 방법에 대해 알려드리겠습니다. HTML Content 제어 HTML 요소의 내용을 변경하려면, 해당 요소의 ID를 가져와야 합니다. 이를 위해 document.getElementById 메서드를 사용하며, 변경할 내용은 innerHTML 속성을 통해 지정합니다. 예를 들어, ID가 "demo"인 요소의 내용을 "Hello World!"로 변경하려면 다음과 같이 작성합니다. document.getElementById("demo").innerHTML = "Hello World!"; HTML Attribute 제어 HTML 요소의 속성을 변경하려면, 해당 요소의 ID를 가져와야 합니다. 이를 위해 document.getElemen.. 2023. 3. 7.
반응형

티스토리툴바