오늘은 공부 중/자바스크립트 21

[javascript ] 빈값을 걸러내야 할 때 : filter(Boolean) :: map에 filter 추가하기

https://stackoverflow.com/questions/16037049/why-does-javascript-map-function-return-undefined Why does JavaScript map function return undefined? My code var arr = ['a','b',1]; var results = arr.map(function(item){ if(typeof item ==='string'){return item;} }); This gives the following results ["a",& stackoverflow.com 방금 그 건이 그렇게 잘 마무리 된 줄 알았으나 아니었다. 내가 잘 이해한 것인지 모르겠는데 filter는 기존 배열에서 거르는 작용을 하는 ..

[Javscript] map함수를 쓰면 undefined가 저장, 반환될 때

와 정말 오랜만에 블로그에 들어온 것 같다. 9월 이후로 미친듯이 바빠지기도 했고, 내가 배운 걸 기록하는 것에 대해 의미나 방향성을 잃었던 것 같기도 하다. 기록광인 내가 기록을 안 했다는 사실 자체가 이 업에 대한 애정이 둔해졌음을 의미하는 걸까.. 잘 모르겠다. 오히려 이런 마음가짐이야말로 코딩을 하기 가장 수월한 거 같기도 하고. 욕심도 두려움도 없는 그런 상태 말이죠. 하지만 요즘은 다시 기운을 얻었기에 오늘 배운 것을 다시 기록해보자. map 속에 if문 조건을 걸고 그 안에만 return을 넣어줬는데도 if문 조건이 성립하지 않으면 undefiend를 물고 들어와서 에러가 나는 경우가 발생했다. let b = a.map((item) => { if (typeof item ==='string')..

[자바스크립트] 얕은 복사, 깊은 복사. assign, 스프레드 연산자

https://velog.io/@recordboy/JavaScript-%EC%96%95%EC%9D%80-%EB%B3%B5%EC%82%ACShallow-Copy%EC%99%80-%EA%B9%8A%EC%9D%80-%EB%B3%B5%EC%82%ACDeep-Copy [JavaScript] 얕은 복사(Shallow Copy)와 깊은 복사(Deep Copy) 깂은 복사와 얕은 복사에 대해 알아보겠다. 이 글의 초반 내용은 이전 포스팅의 (원시 타입과 참조 타입의 차이과 맥락이 비슷하며, 위 포스팅은 원시 타입과 참조 타입의 차이점이라면 아래는 velog.io https://velog.io/@th0566/Javascript-%EC%96%95%EC%9D%80-%EB%B3%B5%EC%82%AC-%EA%B9%8A%EC%9..

자바스크립트 라이브러리, loadash & underscore. 객체 배열로 바꾸기

https://namu.wiki/w/%EC%96%B8%EB%8D%94%EC%8A%A4%EC%BD%94%EC%96%B4 https://velog.io/@kysung95/%EC%A7%A4%EB%A7%89%EA%B8%80-lodash-%EC%95%8C%EA%B3%A0-%EC%93%B0%EC%9E%90 [개발상식] lodash 알고 쓰자. 안녕하세요. 김용성입니다. 오늘은 lodash에 대해 포스팅해보도록 하겠습니다. velog.io 배열 개수 카운트 https://hianna.tistory.com/459 [Javascript] 배열 중복 값 개수 구하기 배열에 있는 값들이 몇번이나 중복 되는지 찾는 방법을 소개합니다. forEach() 이용하기 reduce() 이용하기 Map 객체 이용하기 1. forEach..

[Nest.js] 넌 또 누구니

https://psyhm.tistory.com/m/47 [nestjs] - nestjs 소개 Nestjs란 Nest.js는 nodejs에서 새로 떠오르는 프레임워크입니다. 공식 페이지를 가보면 Nestjs를 다음과 같이 소개하고 있습니다. Nestjs는 효율적이고, 안정적이며, 확장에 용이한 서버 어플리케이션을 psyhm.tistory.com nest.js - express같은 프레임워크 제한적인 부분이 오히려 코드 통일성을 가져온다. spring과 유사한 점도 많음

[Joi] TopLevelDomainOptions : { tlds: { allow: true } }

최상위 도메인(Top-level domain, TLD)은 인터넷에서 도메인 네임의 가장 마지막 부분을 말한다. 예컨대 ko.wikipedia.org의 최상위 도메인은 .org가 된다. 최상위 도메인은 .com과 같은 일반 최상위 도메인과 .kr 같은 국가 코드 최상위 도메인으로 나뉜다. * - `true` to use the IANA list of registered TLDs. This is the default value. 기본값이 tld allow true인가보다. list에 없는 것도 수용하려면 false를 하라고 한다. /** * - `true` to use the IANA list of registered TLDs. This is the default value. * - `false` to al..

[node.js celebrate/ joi] celebrate Is not a function 에러, json이 아닌 html error() 문제

https://gumpcha.github.io/blog/joi-overview Joi, Javascript object schema validator 시작하기 API 수준이든, 함수 수준이든 외부 입력을 항상 validation하는 습관은 중요하다. 귀찮다고 빼 먹는다면 언젠가는 분명 문제를 일으킬 것이다. 많은 node용 validator가 있지만 Joi가 우수한 점 gumpcha.github.io 문법적으로 기억할 부분 많다! 많은 node용 validator가 있지만 Joi가 우수한 점은 관계에 따른 내용을 정의할 수 있다는 점이다. 예를 들어 a와 b가 둘 중에 하나라도 있으면 된다든가, a가 있을 때만 b가 있어야 된다는 식이다. Joi의 동작 기본적인 중요한 부분은 훑었으니, Joi의 동작 방..

[Javascript] typeof 그리고 배열 / Form Data /join, split

https://cimfalab.github.io/deepscan/2016/07/typeof typeof 연산자의 잘못된 사용 JavaScript에서 typeof 연산자의 잘못된 사용례를 알아봅니다. cimfalab.github.io 객체가 배열인지 판단하기 위한 코드로서 “Array” 혹은 “array”로 비교하는 경우가 종종 발견됩니다. 하지만 typeof의 반환 값에는 “Array” 혹은 “array”가 없습니다. (MDN을 참고하세요.) 따라서 객체가 배열인지 체크를 위해서는 Array.isArray() 혹은 jQuery, underscore 등의 라이브러리에서 제공하는 배열 체크 함수를 사용해야 합니다. https://2ham-s.tistory.com/307 [JavaScript]Form Data..

[npm 저장 설정값]

(1) -P or --save-prod : package.json의 dependencies에 패키지를 등록합니다.(default) (2) -D or --save-dev : package.json의 devDepndencies에 패키지를 등록합니다. (3) -O or --save-optional : package.json의 optionalDependencies에 패키지를 등록합니다. (4) --no-save : dependencies에 패키지를 등록하지 않습니다. 출처: https://xtring-dev.tistory.com/entry/NPM-npm-install-할-때-save를-함께-입력하는-이유 [xtring.dev] [NPM] npm install 할 때 --save 옵션을 함께 입력하는 이유? 하지..