공부 기록/Javascript (4) 썸네일형 리스트형 DOM Document Object Model 웹 페이지를 구성하는 javascript "객체"들의 집합 DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. DOM 은 프로그래밍 언어는 아니지만 DOM 이 없다면 자바스크립트 언어는 웹 페이지 또는 XML 페이지 및 요소들과 관련된 모델이나 개념들에 대한 정보를 갖지 못하게 된다. https://developer.mozilla.org/ko/docs/Web/API/Document_Object_Model/Introduction DOM 소개 - Web API | MDN 이 문서는 DOM에 대한 개념을 간.. JS 최신 기능 몇 가지 Default Parameter (기본값 매개변수) 값이 없거나 undefined가 전달될 경우 이름 붙은 매개변수를 기본값으로 초기화할 수 있다. function rollDie(numSides = 6) { ㅤㅤreturn Math.floor(Math.random()*numSides)+1; } https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/Default_parameters 기본값 매개변수 - JavaScript | MDN 기본값 함수 매개변수 (default function parameter)를 사용하면 값이 없거나 undefined가 전달될 경우 이름붙은 매개변수를 기본값으로 초기화할 수 있습니다. developer.m.. Functions - 고차 함수, 반환 함수, 팩토리 함수, 익명 함수 고차 함수 다른 함수와 함께 작동하거나 다른 함수에서 작동하는 함수 (Functions that operate on/with other functions.) They can accept other functions as arguments and return a function. function callTwice(func) { ㅤㅤfunc(); ㅤㅤfunc(); } function rollDie() { ㅤㅤconst roll = Math.floor(Math.random()*6)+1; ㅤㅤconsole.log(roll); } callTwice(rollDie); 반환 함수 함수가 반환되는 함수 function makeMysteryFunc() { ㅤㅤconst num = Math.random(); ㅤㅤif(nu.. 간단한 실습(1) - Todo List prompt와 console.log를 이용하여 간단하게 구현하기 동작 방식 입력값은 prompt로 받아들인다. input이 new 일 경우 => 새로운 할 일 목록을 배열에 저장한다. input이 list 일 경우 => 배열의 index, element를 불러온다. input이 delete 일 경우 => 해당 index의 할 일 목록을 삭제한다. input이 quit 일 경우 => while문을 빠져 나와 프로그램을 종료한다. let input = prompt("What would you like to do?"); const list = []; while (input !== "quit") { if (input === "delete") { const idx = parseInt(prompt("Write an.. 이전 1 다음
