dev in Serengeti

[자바스크립트] Object 빈값? empty Object 확인하기 자바스크립트 객체가 비어있는지 확인하고자 할 때! 일반적인 null 값 체크로는 애매하다. 그럼 어떻게 할까? 1) Object.keys() 를 사용 [예시] var obj = {}; if(Object.keys(obj).length == 0 && obj.constructor === Object) { //type your code } Object.keys() 로 변환해서 length 를 체크하는 건 알겠는데, 왜 constructor 체크를 할까? constructor 체크를 안한다면 어떻게 될까? function constructorCheck(val) { // return Object.keys(val).length == 0 && val...

[자바스크립트] javascript Object.values() 사용하기 자바스크립트 객체를 배열로 변환해주는 메소드! 객체의 value 로만 이루어진 배열을 반환한다. [사용법] var son = { name : 'Son', age : 30, position : 'forward', team : 'Spurs' } Object.values(son); // 결과값 : // ['Son', 30, 'forward', 'Spurs'] // 응용해보기! // 'Spurs' 만 골라내고 싶다면, Array함수 중, find() 를 사용! // 화살표함수 말고 일반함수를 사용해보자 var temp = Object.keys(son).find(function(el,idx) { if(el == 'Spurs') return ..

[자바스크립트] javascript Object.keys() 사용하기 자바스크립트 객체를 배열로 변환해주는 메소드! 객체의 key 로만 이루어진 배열을 반환한다. [사용법] var son = { name : 'Son', age : 30, position : 'forward', team : 'Spurs' } Object.keys(son); // 결과값 : // ['name', 'age', 'position', 'team'] // 응용해보기! // 결과값 안에 'team' 만 골라내려면 Array함수 중, find 를 사용 var temp = Object.keys(son).find(el => el == 'team'); // temp 의 값은 'team' [간단설명] 객체의 key 값에만 접근하고 싶을 때 사..

[자바스크립트] javascript Object.entries() 사용하기 자바스크립트 객체를 배열로 변환해주는 메소드! 객체의 {key : value} 형식을 배열 형태의 [key, value] 로 변환하여 준다. [사용법] var son = { name : 'Son', age : 30, position : 'forward', team : 'Spurs' } Object.entries(son); // 결과값 : // [['name', 'Son'], ['age', 30], ['position', 'forward'], ['team', 'Spurs']] [간단설명] Object 에서는 사용할 수 없는 자바스크립트 Array 메소드를(forEach(), find(), filter()... 등) 사용하고자 할 때..

[자바스크립트] javascript Array forEach() 사용하기 배열의 모든 요소를 순회하는 메소드! 배열을 순회하는 기능만을 가진 메소드라 반환값은 없다! (undefined 로 표시) [사용법] //화살표 함수 표기법 array.forEach((element, index, array) => { ... }); //콜백함수로 호출하는 법 array.forEach(callbackFn, thisArg); //익명함수로 표기법 array.forEach(function(element, index, array) { }, thisArg); [간단설명] array.forEach() 는 배열을 순환하면서, 모든 요소 각각에 콜백함수를 한 번씩 실행한다. [특징] 값이 존재하지 않거나, delete 된 요소는 ..

[자바스크립트] javascript every() 사용하기 자바스크립트에서 for문의 남용을 막기위해 만들어낸 배열함수! 배열의 모든 요소가 조건에 만족하는지 확인하는 메소드! 배열 요소 중, 조건에 맞지 않는 요소가 있는지 검사한다. (some() 과는 반대되는 접근방식) 결과값은 true or false 로 반환한다! [사용법] //화살표 함수 표기법 array.every((element, index, array) => { ... }); //콜백함수로 호출하는 법 array.every(callbackFn, thisArg); //익명함수로 표기법 array.every(function(element, index, array) { }, thisArg); [간단설명] array.every() 는 배열을 순환..

[자바스크립트] javascript some() 사용하기 자바스크립트에서 for문의 남용을 막기위해 만들어낸 배열함수! 배열 요소 중, 조건에 만족하는 요소가 최소 하나라도 있는지 검사하는 메소드! (every() 와 반대되는 접근방식) 결과값은 true or false 로 반환한다! [사용법] //화살표 함수 표기법 array.some((element, index, array) => { ... }); //콜백함수로 호출하는 법 array.some(callbackFn, thisArg); //익명함수로 표기법 array.some(function(element, index, array) { }, thisArg); [간단설명] array.some() 은 배열을 순환하면서, 콜백함수의 조건에 "true" 인 요..

[자바스크립트] javascript filter() 사용하기 자바스크립트에서 for문의 남용을 막기위해 만들어낸 배열함수! 배열 요소 중, 어떠한 조건에 상응하는 모든 요소를 골라내고 싶다면 가장 알맞는 함수! 단, 결과 값은 배열로 리턴한다! [사용법] //화살표 함수 표기법 array.filter((element, index, array) => { ...}); //콜백함수로 호출하는 법 array.filter(callbackFn, thisArg); //익명함수로 표기 법 array.filter(function(element, index, array) { }, thisArg); [간단설명] array.filter() 는 배열을 순환하면서 콜백함수의 조건 "true" 인 모든 요소를 새로운 배열로 반환한..

[Git] SSL 에러 : SSL certificate problem: unable to get local issuer certificate SSL Certificate 란? SSL 은 Secure Sockets Layer 의 약자로써, 웹 서버 - 웹 브라우저 간의 암호화된 링크를 생성하여 사용자와 웹 사이트 간의 통신을 보호한다. 어느 날 갑자기, 문제없던 git에서 pull을 하려니 아래와 같은 에러가 떴다! Git Pull Failed: unable to access 'https://git.주소.com" : SSL certificate problem: unable to get local issuer certificate 해당 문제는 내 local의 SSL 인증서가 self-signed 일 때 주로..

[자바스크립트] javascript find() 사용하기 자바스크립트에서 for문의 남용을 막기위해 만들어낸 배열함수! 배열 요소 중, 어떠한 조건에 맞는 첫번째 요소만 골라내고 싶다면 가장 알맞은 함수! [사용법] //화살표 함수 표기법 array.find((element, index, array) => { ... }); //콜백함수로 호출하는 법 array.find(callbackFn, thisArg); //익명함수로 표기법 array.find(function(element, index, array) { }, thisArg); [간단설명] array.find() 는 배열을 순환하면서 콜백함수의 조건에 만족하는 첫번째 배열요소를 반환한다. 만약 조건에 만족하는 요소가 없다면, undefined 를 re..