반응형

Javascript(JS) 7

[ JavaScript ] 자바스크립트 [].map() 함수란? return값의 의미는

값을 여러개 가지고 있는 배열에서 모든 값을 꺼내고자 할 때, 꺼내는 방법은 정말 다양하게 알려져 있다. 이번 포스팅에선 이러한 배열에서 값 꺼내는 방법 중 map( ) 을 다뤄보도록 하자. 아래와 같은 배열 arr 이 있다고 가정해 보자. let arr = [ 10, 20, 30, 40, 50 ]; arr 배열의 5 개의 값을 전부 꺼내 콘솔에 찍어보고 싶다면 아래처럼 for 문을 이용한 분들도 많았을 것이다. const arr = [ 10, 20, 30, 40, 50 ]; //기본 for문 방식 console.log("기본 for문"); for(let index = 0 ; index < arr.length ; index++) { console.log(arr[index]); } //향상된 for문 방식..

Javascript(JS) 2023.09.14

자바스크립트 정리2 [DOM 트리 ]

요소 노드에 대한 이동 프로퍼티 프로퍼티유형결과 element.children 자식 요소 노드 element의 자식 요소 모음(HTMLCollection) element.firstElementChild 자식 요소 노드 element의 첫 번째 자식 요소 하나 element.lastElementChild 자식 요소 노드 element의 마지막 자식 요소 하나 element.parentElement 부모 요소 노드 element의 부모 요소 하나 element.previousElementSibling 형제 요소 노드 element의 이전(previous) 혹은 좌측(left)에 있는 요소 하나 element.nextElementSibling 형제 요소 노드 element의 다음(next) 혹은 우측(righ..

Javascript(JS) 2022.04.09

자바스크립트 정리1 [자바스크립트로 태그,유사 배열,이벤트 핸들러]

1. 자바스크립트로 태그 선택하기 메소드의미결과 document.getElementById('id') HTML id속성으로 태그 선택하기 id에 해당하는 태그 하나 document.getElementsByClassName('class') HTML class속성으로 태그 선택하기 class에 해당하는 태그 모음(HTMLCollection) document.getElementsByTagName('tag') HTML 태그 이름으로 태그 선택하기 tag에 해당하는 태그 모음(HTMLCollection) document.querySelector('css') css 선택자로 태그 선택하기 css 선택자에 해당하는 태그 중 가장 첫번째 태그 하나 document.querySelectorAll('css') css 선택..

Javascript(JS) 2022.03.27

[Javascript] navigator 객체

navigator 객체 navigator 객체는 브라우저와 관련된 정보를 컨트롤 합니다. 브라우저에 대한 버전, 정보, 종류 등 관련된 정보를 제공합니다. navigator.속성 navigator 객체 속성 종류설명 navigator.appCodeName 브라우저의 코드명을 반환합니다. navigator.appName 브라우저의 이름을 반환합니다. navigator.appVersion 브라우저의 버전을 반환합니다. navigator.cookieEnabled 브라우저의 쿠키 사용 가능 여부를 반환합니다. navigator.language 브라우저에서 사용되는 언어를 반환합니다. navigator.onLine 브라우저가 온라인인지 여부를 반환합니다. navigator.platform 브라우저가 실행되는 플랫..

Javascript(JS) 2022.03.16

[js] alert, console.log 출력시 [object Object] 오류 해결 방법

[object Object] 오류 alert 출력시 [object Object] 오류 해결 방법입니다. alert, console.log 출력시 [object Object] 오류 자바스크립트에서 json 형태의 data를 alert(data) 또는 console.log(data)로 출력시 [object Object] 라고 나오게 됩니다. alert, console.log 출력시 [object Object] 해결 방법 오류는 아니지는 이를 우리가 읽을 수 있는 형태로 출력하려면 json 형태에서 json.stringify() 메소드를 이용하여 객체를 json화 시켜야 합니다. alert(JSON.stringify(data)); console.log(JSON.stringify(data)); json.stri..

Javascript(JS) 2022.03.16

.split() 메소드 자바스크립트

.split() .split()은 문자열을 분할하는 메서드입니다. 문법 string.split( separator, limit ) separator에는 분할의 기준을 넣습니다. 예를 들어 쉼표를 기준으로 분할할 때는 ',' 와 같이 합니다. limit로 최대 분할 개수를 정합니다. 선택 사항으로, 값을 정하지 않으면 전체를 다 분할합니다. 예제 1 쉼표를 기준으로 문자열을 분할하는 예제입니다. abc,def,ghi

Javascript(JS) 2022.01.14
반응형