JavaScript

구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. MDND에서 가져온 구조 분해 할당에 대한 설명이다. 말 그대로 배열이나 객체를 분해해서 값을 가져올 수 있는 걸 말한다. const animals = [ { name: "cat", sound: "야옹" }, { name: "dog", sound: "왈왈" } ]; animals이라는 배열이 있다. 동물의 이름과 소리에 대한 정보를 가진 객체가 2개 있다. animals 배열을 분해해보자! import animals from "./data"; const [cat, dog] = animals; console.log(cat); console.log(dog); 우선 animals ..

Find() find() 메서드는 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환합니다. 그런 요소가 없다면 undefined를 반환합니다. 이전 글(ES6 Map, Filter, Reduce 기능을 알아보자)에서 사용한 filter()는 조건에 부합하는 모든 요소들을 가져왔다. 그러면 fin()는 어떻게 다를까? MDN설명에서 주목해야할 부분은 첫 번째 요소의 값을 반환한다는 것이다. 글로 설명보다는 코드를 한번 봐보자잉 먼저 이전 글처럼 numbers 배열을 만들어 주었다. var numbers = [3, 56, 2, 48, 5]; 그리고 numbers에서 10보다 큰 요소를 find 메서드를 통해서 찾아보았다. const newNumbers = numbers.find(function(num)..

var numbers = [3, 56, 2, 48, 5]; 위와 같은 숫자를 가지고 있는 배열이 있다. 배열의 각 요소를 두배(X2) 해주려면 어떻게 해야 할까? 기존의 자바스크립트로는 forEach를 사용해서 문제를 해결할 수 있다. //forEach var newNumbers = []; function double(x) { newNumbers.push(x * 2); } numbers.forEach(double); newNumbers라는 비어있는 배열을 만들어주었다. 이곳에 x2 되는 숫자들이 들어간다. 그리고 double이라는 함수를 만들어서 두배 만들기 기능을 수행하게 했다. 마지막으로 forEach에 double함수를 넣어 numbers의 모든 요소를 x2 해주었다. 그리고 아래와 같은 결과 나왔..

객체 조작1 객체 조작2

웹문서를 만드는 경우, 문서가 로드되었을때를 기점으로 문서를 초기화하고,각종 설정을 부여하는 것은 빈번한 일입니다. 이 시점에 접근하기 위해 사용되는 이벤트들에 대하여 알아봅니다. 정은경 질병관리청 중앙방역대책본부장은 8일 코로나19 정례브리핑에서 "영국과 스코틀랜드에서 실제 접종 후의 효과에 대한 평가 데이터들이 발표가 되면서 65세 이상의 접종의 유효성에 대한 근거가 좀 더 추가됐다"며 "이번주 정도에 예방접종전문위원회를 열어 해당 내용을 심의할 예정"이라고 밝혔다. 웹문서를 만드는 경우, 문서가 로드되었을때를 기점으로 문서를 초기화하고,각종 설정을 부여하는 것은 빈번한 일입니다. 이 시점에 접근하기 위해 사용되는 이벤트들에 대하여 알아봅니다. 이름 연락처 사용동의여부 동의 동의안함 자주가는 사이트 ..

네이트 다음 네이버 제이쿼리 스프링프레임워크 w3schools 자바스크립트 실행하기

html css javascript jquery bootstrap ajax jsp(java server page) spring framwork 위치 선택자

인접선택자 1 인접선택자 2 인접선택자 3 인접선택자 4 인접선택자 5 인접선택자 6 인접선택자 7