DOM 요소의 선택HTML 요소를 다루기 위해서는 우선 해당 요소를 선택해야만 한다.자바스크립트에서 특정 HTML 요소를 선택하는 방법은 다음과 같다. HTML 태그 이름(tag name)을 이용한 선택아이디(id)를 이용한 선택클래스(class)를 이용한 선택name 속성(attribute)을 이용한 선택CSS 선택자(selector)를 이용한 선택HTML 객체 집합(object collection)을 이용한 선택 HTML 태그 이름(tag name)을 이용한 선택getElementsByTagName() 메소드는 HTML 태그 이름을 이용하여 HTML 요소를 선택한다. 🔔 예제) HTML 태그 이름을 이용한 선택 ..
문서 객체 모델(DOM) 이란?문서 객체 모델(DOM, Document Object Model)은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스이다.이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공한다. 이러한 DOM은 W3C의 표준 객체 모델이며, 다음과 같이 계층 구조로 표현된다. 자바스크립트는 이러한 객체 모델을 이용하여 다음과 같은 작업을 할 수 있다. 자바스크립트는 새로운 HTML 요소나 속성을 추가할 수 있다.자바스크립트는 존재하는 HTML 요소나 속성을 제거할 수 있다.자바스크립트는 HTML 문서의 모든 HTML 요소를 변경할 수 있다.자바스크립트는 HTML 문서의 모든 HTML 속성을 변경할 수 있다.자..
Array 객체자바스크립트에서 배열(array)은 정렬된 값들의 집합으로 정의되며, Array 객체로 다뤄진다. Array 메소드자바스크립트는 사용자가 배열과 관련된 작업을 손쉽게 할 수 있도록 다양한 메소드를 제공하고 있다.Array 메소드는 Array 객체에 정의된 배열과 관련된 작업을 할 때 사용하는 메소드이다. Array.isArray()Array.from()Array.of() Array.isArray() 메소드Array.isArray() 메소드는 전달받은 값이 Array 객체인지 아닌지를 검사한다. 🔔 예제) JavaScript Array Object Array.isArray() 메소드 d..
자바스크립트에서의 문자열 표현자바스크립트에서 문자열 리터럴은 큰따옴표("")나 작은따옴표('')를 사용하여 손쉽게 만들 수 있다. 🔔 예제)var firstStr = "이것도 문자열입니다."; // 큰따옴표를 사용한 문자열var secondStr = '이것도 문자열입니다.'; // 작은따옴표를 사용한 문자열var thirdStr = "나의 이름은 '홍길동'이야." // 작은따옴표는 큰따옴표로 둘러싸인 문자열에만 포함될 수 있음.var fourthStr = '나의 이름은 "홍길동"이야.' // 큰따옴표는 작은따옴표로 둘러싸인 문자열에만 포함될 수 있음. 문자열의 길이자바스크립트에서 문자열의 길이는 length 프로퍼티에 저장된다. 🔔 예제)..
Excel 단축키 모음 Ctrl 키 조합 Ctrl + Shift 키 조합 리본메뉴 (Alt 키 조합) 리본 메뉴 리본 메뉴 확장 축소 Ctrl + F1 리본 메뉴 선택키 활성화Alt 알림 상자 Alt + Q 파일 페이지 열기 Alt + F 홈 탭 열기 Alt + H 삽입 탭 열기 Alt + N 페이지 레이아웃 탭 열기Alt + P 수식 탭 열기 Alt + M 데이터 탭 열기Alt + A 검토 탭 열기Alt + R 보기 탭으로 이동Alt + ㅉ 선택 단추 메뉴 열기 Alt + ↓ 파일 및 편집 파일 새로 만들기 Ctrl + M 파일 열기 Ctrl + O 파일 저장Ctrl + S파일 닫기Ctrl + W인쇄, 미리보기Ctrl + P다른 이름으로 저장F12편집 다시 실행 Ctrl + Y실행 취소Ctrl + Z잘..
자바스크립트에서의 날짜 표현자바스크립트에서는 Date 객체를 사용하여 매 순간 변화하는 시간과 날짜에 관한 정보를 손쉽게 얻을 수 있다.Date 객체는 연월일, 시분초의 정보와 함께 밀리초(millisecond)의 정보도 함께 제공한다. 자바스크립트에서 날짜와 시간을 나타내기 위한 값의 범위는 다음과 같다. 연도(year) : 1900년(00) ~ 1999년(99)월(month) : 1월(0) ~ 12월(11)일(day) : 1일(1) ~ 31일(31)시(hours) : 0시(0) ~ 23시(23)분(minutes) : 0분(0) ~ 59분(59)초(seconds) : 0초(0) ~ 59초(59) 💡 TIP ? 자바스크립트에서 월(month)을 나타낼 때는 1월이..
Math 객체 Math 객체는 수학에서 자주 사용하는 상수와 함수들을 미리 구현해 놓은 자바스크립트 표준 내장 객체이다. Math 객체는 다른 전역 객체와는 달리 생성자(constructor)가 존재하지 않는다. 따라서 따로 인스턴스를 생성하지 않아도 Math 객체의 모든 메소드나 프로퍼티를 바로 사용할 수 있다. Math 메소드 자바스크립트 웹 페이지에서 수학적 작업을 손쉽게 할 수 있도록 다양한 Math 메소드를 제공하고 있다. 가장 많이 사용되는 대표적인 Math 메소드는 다음과 같다. Math.min() Math.max() Math.random() Math.round() Math.floor() Math.ceil() Math.sin() 대부분의 Math 메소드는 웹 브라우저마다 다른 결과값을 얻을 ..
Number 메소드 Number 메소드는 Number 객체에 정의되어 있는 숫자와 관련된 작업을 할 때 사용하는 메소드이다. 가장 많이 사용되는 대표적인 Number 메소드는 다음과 같다. Number.parseFloat() Number.parseInt() Number.isNaN() Number.isFinite() Number.isInteger() Number.isSafeInterger() Number.parseFloat() 메소드 Number.parseFloat() 메소드는 문자열을 파싱(parsing)하여, 문자열에 포함된 숫자 부분을 실수 형태로 변환한다. 문자열에 여러개의 숫자가 존재하면, 그중에서 첫 번째 숫자만을 실수 형태로 반환한다. 이 메소드는 전역 함수인 parseFloat() 함수와 완..