Camel, Snake, PasKal, Kebab

변수명을 지을 때 유형별로 구분하기 위해 특정한 양식에 따라 변수명을 짓고는 한다. 그 중 대표적 예시를 설명하자면, (My Visitor Count라는 변수명을 기준으로 설명함.) Camel case - 낙타의 쌍봉처럼 완전 첫 글자를 제외하고 각 단어의 첫 글자마다 대문자로 표현하는 방식. Ex) myVisitorCount Snake case - 뱀이 왔다갔다 움직이는 것처럼 각 단어 사이에 언더바(_)를 넣는 방식. 모두 소문자로 쓴다. 모두 대문자로 쓸 수도 있다. Ex) my_visitor_count Ex2) MY_VISITOR_COUNT Paskal case - camel case 와 유사하지만 첫 글자를 대문자로 쓴다. Ex) MyVisitorCount Kebab case - 케밥의 모양(고기나 야채 등을 꼬치에 끼운 것)과 같이 단어 사이사이 '-'를 넣는 방식이다. 모두 소문자를 이용한다. Ex) my-visitor-count p.s 개발자들은 왜 이리 귀엽나..?? https://http.cat/ 이것도 그렇고..

Lodash 알아보기

매번 힘들게 직접 함수를 만들어가며 코딩하다가.. 이번에 lodash라는 아주 유용한 JavaScript 라이브러리를 알게 되어 잘 사용하고 있다. Lang Method _.isNan : 값이 nan인지 판단. _.isNil : 값이 nan 혹은 undefined인지 판단. _.cloneDeep : 자식까지 복사하여 새로운 값에 매핑. Array Method _.findIndex : 조건을 만족하는 첫 번째 데이터의 인덱스를 리턴. 찾지 못했다면 -1을 리턴. _.fill : 입력받은 array에 value을 채워넣음. _.pull : array에서 특정 값을 제외한 배열을 리턴. _.uniq : array에서 중복값을 제거한 배열을 리턴. _.uniqBy : 특정한 기준에 따른 값들 중 고유값만 리턴. remove : 조건에 해당하는 값을 제거하고 리턴. _.flattern : 2차원 배열을 1차원으로 평탄화. Object Method ._get : 객체 경로의 값을 가져옴. undefined인 경우 default value가 리턴. _.assign : object를 할당함 Collection Method _.filter : 조건에 맞는 객체 리턴. _.sortBy : 조건에 따라 정렬. 출처 : 링크

TypeScript Record<K, T>

키-값 쌍에 대한 타입을 제네릭 형태로 정의할 수 있음. 링크

TypeScript Object.entries()

키, 밸류 쌍의 집합을 반환. 링크

배열 평탄화를 위한 함수 flat(), flatMap()

두 함수 모두 ECMAScript 2019 (ES10)에 새롭게 추가된 함수. flat(x) 함수는 중첩된 배열을 x 깊이만큼 평탄화시키는 함수이다. const fruits = ['apple', ['banana', 'orange', ['melon']]] 일 때, console.log(fruits.flat(1)); 의 경우 ['apple', 'banana', 'orange', ['melon']] 가 출력된다. console.log(fruits.flat(2)); 의 경우 ['apple', 'banana', 'orange', 'melon'] 가 출력된다. console.log(fruits.flat(Infinity)); 를 통해 모든 중첩 배열을 최대한 평탄화시킬 수도 있다. flatMap() 함수는 flat() 함수와 map() 함수를 합친 함수이다. 다만 flatMap()은 flat() 함수와는 달리 평탄화 가능한 깊이가 1로 고정된다는 특징이 있다. const children = [[1], [2], [3], [4]] 일 때 각 요소들에 2를 곱하고 1만큼 평탄화시키고싶다 한다면 console.log(children.flatMap((x) => ([x*2])); 를 시행할 경우 [2, 4, 6, 8] 이 출력된다. 출처 : 링크

RxJS - 2. of, from, fromEvent

https://iamsjy17.github.io/rxjs/2020/10/07/inside-rxjs-creation-fn-etc1.html RxJS - 1. Observable을 선행할 것