천천히 알아가는 세상

안녕하세요. 이번에는 DOM 객체와, 선택자에 대하여 알아보겠습니다. 1. DOM(Document Object Model) 객체 문서 객체 모델(DOM, Document Object Model)은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스입니다. 이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공합니다. 이러한 DOM은 W3C의 표준 객체 모델이며, 다음과 같이 계층 구조로 표현됩니다. 2. Document 웹 페이지에 존재하는 HTML 요소에 접근하여 행동을 하고자 할 때 사용하는 객체 2-1. 속성 document.documentElement document.head document.title document.body document.URL docum..

안녕하세요. 이번에는 JavaScript의 Math 함수에 대하여 알아보겠습니다. Math 함수 수학적인 상수와 함수를 위한 속성과 메서드를 가진 내장 객체입니다. min() ⇒ 최솟값 max ⇒ 최댓값 random() ⇒ 0 ~ 1 사이의 랜덤 값 생성 round - 반 올림 ceil - 올림 floor - 내림 3번째 줄과 6번째 줄에 NaN이라고 출력된 것은 숫자 사이에 문자가 들어가 있어서 생긴 값이라고 보시면 됩니다. 이상으로 JavaScript의 Math 함수에 대하여 알아보았습니다. 감사합니다.

안녕하세요. 이번에는 JavaScript Date 객체에 대하여 알아보겠습니다. Date 객체\ 날짜에 관련된 내장 객체로 Date는 함수에 따라서 원하는 날짜 정보를 가져올 수 있다. 아래와 같은 방식으로 선언을 할 수 있습니다. new Date( 값 ) 변수 선언이 괄호 안의 값에 따라서 출력되는 형식을 바꿀 수 있습니다. var date = new Date(); let date2 = new Date(); 아래의 코드로 몇 가지 확인을 합니다. 여기서 특이한 점은 getYear() 함수와 getFullYear() 함수의 차이이다. getYear() 함수는 문서를 찾아보니 현재 년도에서 1990을 뺀 숫자를 리턴한다고 한다. 그래서 122라는 결과 값이 나온 것이다. 그리고 현재 getYear() 함수..

안녕하세요. 이번에는 JavaScript 딕셔너리 (dictionary)에 대하여 알아보겠습니다. 딕셔너리 (dictionary) 속성에다가 Key를 지정하여 Key에 해당하는 값을 불러오는 방식이다. me라는 객체를 생성합니다. 처음에 배운 객체와 방식은 같지만 호출 방식이 다릅니다. name을 가져오고 싶을 때 me.name으로 호출을 하였지만, 딕셔너리에서는 me[’name’] 방식으로 값을 가져옵니다. 여기서 ‘name’ 이 key 역할을 하며, ‘gitHub’가 값 역할을 하게 됩니다 방식은 다르지만 me.name 이랑 동일한 결과 값이 출력되는 것을 볼 수 있습니다 이상으로 딕셔너리 (dictionary)에 대하여 알아보았습니다. 감사합니다.

안녕하세요. 이번에는 JavaScript 배열에 대하여 알아보겠습니다. 1. 배열 []나 new Array()를 이용해 생성합니다. 배열 선언방법 var arr1 = [1,2,3,'a','b','c']; var arr2 = new Array(1, 2, 3, 'a', 'b', 'c'); 2. index 배열 내부의 값은 각 순서가 정해집니다. 이때 index를 이용하여 원하는 값을 가져올 수 있지만, index의 처음 시작 값은 0부터 시작합니다. ex) arr1[0] = 1 / arr2[1] = 2 3. arr1.indexOf('a'); indexOf 함수로 '' 안의 값을 배열 안에서 찾아서 index 값을 반환합니다. arr1 배열에서 ‘a’ 값을 찾아서 index 값을 반환하면 3의 값이 출력됩니다..