해물파이의 괴발개발 TIL

숫자를 천 단위로 콤마를 찍어 표현하고 싶을 때 자바스크립트의 내장함수인 .toLocaleString('ko-KR')을 사용하면 된다. number = 1000; commaDon = number.toLocaleString('ko-KR'); console.log(commaDon) //1,000이 찍힌다 참고로 .toLocaleString()은 number 외에도 Date, Array, Object에서 여러 형태로 변경하니 관심이 있으면 찾아보자.

구조 분해 할당(Destructing assginment) 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식. let x = [1, 2, 3, 4, 5]; //일반적인 객체 및 배열 리터럴 표현식 let [y, z] = x; //구조 분해 할당은 위와 비슷하지만 할당문의 좌변에서 사용해서 //원래 변수에서 어떤 값을 분해해 할당할지 정한다. //y는 x에 할당된 배열의 첫 번째 요소로 정의된다. //z는 x에 할당된 배열의 두 번째 요소로 정의된다. console.log(y); // 1 console.log(z); // 2 배열 구조 분해 할당 변수의 선언이 분리되어도 구조 분해 할당으로 값을 할당할 수 있다. let a, b; [a, b] = [1, 2..

기본값 함수 매개변수 (Default parameter) 값이 없거나 undefined가 전달될 경우 이름붙은 매개변수를 기본값으로 초기화할 수 있다. function multiply(a, b = 1) { return a * b; } multiply(5, 2) // 10 multiply(5) // 5 multiply(5, undefined) // 5 자바스크립트에서 함수의 매개변수는 기본적으로 'undefined'이지만 어떤 때는 기본값을 특정 값으로 정해야 할 때가 있는데 그 때 기본값 함수 매개변수를 유용하게 사용할 수 있다. 파이선과는 달리 자바스크립트에서는 기본 인수가 호출 시에 평가되므로 함수가 생성될 때마다 새로운 객체가 생성된다. function append(value, array = [])..

Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml) Ajax는 JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술들의 집합이다. Ajax는 비동기(Asynchronous) 방식으로 통신하므로 데이터를 주고 받을 때 전체 페이지를 받지(정적 렌더링) 않고 필요한 데이터만 받아올 수 있어(동적 렌더링) 자원을 아낄 수 있으며 한 페이지에서 다양한 UI를 제공할 수 있게 된다. JavaScript만 사용한다면 Ajax를 제어하는데 코딩이 길어지고 브라우저마다 다른 구현방식을 사용해야 하지만 XMLHTTPRequest(XHR)나 jQuery Ajax를 사용해 Ajax를 제어한다면 더 적은 코드와 한 가지 방법으로 여러 브라우저에 적..

A instanceof B는 B의 prototype 속성이 객체A의 프로토타입 체인 어딘가에 존재하는가를 판별한다. 즉, A는 B의 instance인가 아닌가를 판별하며, 결과값은 Boolean 값으로 출력된다.

사실 method는 객체 안에 메소드명을 키로 가지고 있는 함수인 값이다. 그렇기 때문에 객체의 값을 불러내는 형태와 같은 방식으로 메소드 함수를 불러낼 수 있는 것이다.

엄마가 게임을 숨겼다 같은 것은 쉽게 만들 수 있을 것 같은데..

function countNumberOfKeys(obj) { return Object.keys(obj).length; }

함수를 인자로 받거나 함수를 리턴하는 함수이다. 이 때, 다른 함수의 인자로 전달되는 함수를 콜백 함수라고 부른다. function isEven(num) { num % 2 === 0; } //여기선 isEven이 iteratee(순회하는 함수) function checkElement (arr, isEven) { let result = false; for(let i = 0; i < arr.length; i+= 1) { if(isEven(arr[i])) { result = true; } } return result; } 고차함수의 장점 이전에 만들었던 함수를 재사용이 가능하고 추상적인 활용이 가능하다.

JSON 개요 www.json.org/json-ko.html JSON이란 무엇인가 velog.io/@surim014/JSON%EC%9D%B4%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80