코드 몽키의 허둥지둥 개발공부

참고 Array.prototype.some() - JavaScript | MDN Array.prototype.some() some() 메서드는 배열 안의 어떤 요소라도 주어진 판별 함수를 통과하는지 테스트합니다. 참고: 빈 배열에서 호출하면 무조건 false를 반환합니다. The source for this interactive example i developer.mozilla.org some은 배열 안의 어떤 요소라도 주어진 함수를 통과하는지 확인한다. 하나라도 충족할 경우 true를 반환한다. 빈 배열에서 호출시 항상 false라고 함! some은 매개변수로 주어진 callback이 true를 반환하는지 확인하기 위해 배열 각 요소를 순회하며 callback을 수행한다. 참인 요소를 발견한 경우 tr..

참고 : Array.prototype.reduce() - JavaScript | MDN Array.prototype.reduce() reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환합니다. The source for this interactive example is stored in a GitHub repository. If you'd developer.mozilla.org Array.prototype.reduce() => 이하 reduce라고 지칭. reduce() 메서드는 배열의 각 요소에 대해 주어진 함수(= reducer)를 실행하고, 단 하나의 결과값을 반환한다. 예를 들어, let res = arr.reduce(reducer,..

참고 Object prototypes - Web 개발 학습하기 | MDN Object prototypes Javascript에서는 객체를 상속하기 위하여 프로토타입이라는 방식을 사용합니다. 본 문서에서는 프로토타입 체인이 동작하는 방식을 설명하고 이미 존재하는 생성자에 메소드를 추 developer.mozilla.org JS에서는 객체 상속을 위해 프로토타입 방식을 사용한다. JS는 흔히 Prototype-based language라고 하며, 이는 곧 모든 객체들이 메소드와 속성들을 상속받기 위한 템플릿 역할을 맡는 'prototype object'를 갖는다는 의미가 된다. Prototype은 자신 또한 프로토타입을 두어 해당 프로토타입의 메소드와 속성을 상속받을 수도 있으며, 이러한 연결 관계를 pro..

Array-like Object : 배열과 유사한 '객체' 객체의 모든 key가 index이고, 예외적으로 length key를 하나 가져야만 한다. Array : 그냥 배열 let not_array_like = { 0: "hello", 1: "injuk", 2: "ingnoh", } let array_like = { 0: "hello", 1: "injuk", 2: "ingnoh", length: 3, } console.log('1. contents'); console.log(not_array_like); console.log(array_like); console.log('2. with from'); console.log(Array.from(not_array_like)); console.log(Array..

참고 : eval() - JavaScript | MDN eval() 주의: 문자열로부터 eval()을 실행하는 것은 엄청나게 위험합니다. eval()을 사용하면 해커가 위험한 코드를 사용할 수 있습니다. 아래에 eval을 절대 사용하지 말 것!을 확인하세요. eval()은 developer.mozilla.org eval은 매개변수로 받은 문자열을 코드로 해석하는 내장함수이다. console.log('2+2'); console.log(eval('2+2')); /* 실행 결과 2+2 4 */ console.log('console.log("abc");'); eval('console.log("abc");'); /* 실행 결과 console.log("abc"); abc */ let ingnoh='hello'; e..

JS에서 비동기 처리를 위해 제공하는 방식은 콜백, Promise, async & await가 있다. 이 중 가장 최근에 나온 문법이 async와 await이며, 핵심은 가독성 향상에 있다. i). 문법 함수 앞에 async를 붙이고, 함수 내부 실행 중 비동기 처리를 하는 코드 앞에 await을 붙여준다. 아래는 어디까지나 예시이며, 각 await 행에서 비동기 처리를 대기하는 Function의 반환값을 처리해줄 것. // 비동기 처리를 한 번만 하는 경우 async function [FUNCTION_NAME]() { await [FUNCTION_THAT_RETURN_PROMISE](); } // 비동기 처리를 여러번 하는 경우 async function [FUNCTION_NAME]() { await ..

구조 분해 할당은 객체나 배열을 변수로 분해할 수 있게 해주는 문법이다. 함수에 객체 또는 배열의 일부만 전달하고자 하는 경우에 사용할 수 있다. 1. 배열 분해 배열을 분해하고 변수에 초기화 하는 과정이 짧아진다. 대상 배열이 실제로 파괴되거나 분해되는 것은 아니다. let arr = ["injuk", "hong"]; console.log(`Arr: ${arr}`); let [last, first] = arr; console.log(`Last: ${last} First: ${first}`); /* 실행 Arr: injuk,hong Last: injuk First: hong */ let [a, b] = 'hong ingnoh'.split(' '); console.log(`last: ${a} first: ..

document.addEventListener("DOMContentLoaded", () => { console.log("hello world"); });