본문 바로가기

분류 전체보기153

[Javascript] DOM 탐색 트리 상단의 documentElement와 body ✔️ = document.documentElement ✔️ = document.body ✔️ = document.head childNodes, firstChild, lastChild로 자식 노드 탐색하기 ✔️ childNodes : 모든 자식 노드를 담고 있다. 요소의 자식 노드들을 탐색할 수 있다. for(let i=0; i 2022. 1. 10.
[Javascript] 브라우저 환경과 다양한 명세서 문서 객체 모델(DOM) ✔️ Document Object Model ✔️ 웹 페이지 내의 모든 콘텐츠를 객체로 나타내준다. ✔️ document 객체로 페이지 내의 요소들에 진입할 수 있으며 변경하고 원하는 것도 만들 수 있다. 브라우저 객체 모델(BOM) ✔️ Browser Object Model ✔️ 문서 이외의 모든 것을 제어하기 위해 브라우저가 제공하는 추가 객체 navigator 객체 - 브라우저와 운영체제에 대한 정보를 제공 - navigator.userAgent : 현재 사용 중인 브라우저 정보를 알려줌. - navigator.platform : 브라우저가 실행 중인 운영체제를 알려줌. location 객체 - 현재 URL 을 읽을 수 있게 해주고 새로운 URL로 변경할수 있게 해준다. /.. 2022. 1. 10.
[Javascript] setTimeout / setInterval setTimeout ✔️ 일정 시간이 지난 후 함수를 실행 // setTimeout 기본 사용법1 function fn(){ console.log(3); } setTimeout(fn, 3000); //3초후 fn 실행 // setTimeout 기본 사용법2 setTimeout(function(){ console.log(3); },3000); //매개변수가 들어갔을 때 function showName(name){ console.log(name); } setTimeout(showName, 3000, 'Kay'); //3초후 Kay를 인수로 넣은 showName 함수 실행 clearInterval() 으로 실행을 종료할 수 있음. setInterval ✔️ 일정 시간 간격으로 함수를 반복 function sh.. 2022. 1. 7.
[Javascript] Object.keys, values, entries Object.keys, values, entreis ✔️ Object.keys(obj) : 객체의 키만 담은 배열을 반환 ✔️ Object.values(obj) : 객체의 값만 담은 배열을 반환 ✔️ Object.entries(obj) : [키, 값] 쌍을 담은 배열을 반환. 객체 값들의 합 반환하기 function sumSalaries(salaries) { let result = 0; for (let value of Object.values(salaries)) { result += value; } return result; } let salaries = { "John": 100, "Pete": 300, "Mary": 250 }; console.log(sumSalaries(salaries)); 프로퍼티 .. 2022. 1. 7.
[Javascript] 구조 분해 할당 구조 분해 할당이란? ✔️ 구조 분해 할당 구문은 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 하는 표현식 ✔️ 객체나 배열에 저장된 데이터 전체가 아닌 일부만 필요한 경우 유용. ✔️ 객체나 배열의 요소를 변수로 연결할 수 있다. 배열 구조 분해 let users = ['Mike', 'Tom', 'Jane']; let [user1, user2, user3] = users; console.log(user1); //Mike //split으로 분해한 배열도 바로 변수에 할당할 수 있다. let str = "Mike-Tom-Jane"; let [user1, user2, user3] = str.split('-'); console.log(user2); //Tom //일부 반환값 무시하기 let .. 2022. 1. 7.
[Javascript] Array methods(1) 요소 추가 ·제거 메서드 arr.push( ) ✔️ 배열의 끝에 삽입 ✔️ 파라미터로 전달된 배열을 하나의 원소로 처리한다 -> 그래서 arr1.length = 4가 되어버림 //push() 함수로 배열 합치기 const arr1 = [1,2,3]; const arr2 = [4,5,6]; arr1.push(arr2); console.log(arr1); //[1,2,3,[4,5,6] ✔️ 배열의 원소들을 각각 넣어서 합치기 위해서는 spread operator도 함께 사용. const arr1 = [1,2,3]; const arr2 = [4,5,6]; arr1.push(...arr2); console.log(arr1); //[1,2,3,4,5,6] arr.pop( ) ✔️ 배열에서 마지막 요소를 제거하고 .. 2022. 1. 5.
반응형

티스토리툴바