[TIL] Today I Learned (2022.05.23)

CSS 선택자 조합선택자

• 조합 선택자 : 기본선택자 2개 이상을 한 번에 사용하는 선택자

• 인접형제 선택자
  선택자1 + 선택자2 {...} : 선택자1 바로 다음에 오는 동생 선택자2를 선택

• 자식 선택자
  선택자1 > 선택자2 {...} : 선택자1의 자식요소 선택자2만 선택

• 자손 선택자
  선택자1 선택자1 {...} : 선택자1의 자손 중 선택자2를 선택

절대경로 설정법

tsconfig.json

"compilerOptions": { "baseUrl": "src" }

이렇게 작성을 하면, import 해올 때 .../src/types/search -> types/search로 줄일 수 있다.

Delete 'CR; eslint (prettier/prettier) 린트 ERROR

방법 1: .prettierrc.yml 에서 endOfLine: "auto"로 수정하는 방법
방법 2: .eslintrc.json 에서

   "prettier/prettier": [
      "error",
      {
        "endOfLine": "auto"
      }
    ],

Reduce

Array.prototype.reduce()

const array1 = [1, 2, 3, 4];

const sumWithInitial = array1.reduce(
(previousValue, currentValue) => previousValue + currentValue,
initialValue
);

리듀서 함수는 네 개의 인자를 가진다.
1. 누산기 acc :
2. 현재값 cur
3. 인덱스 idx
4. 원본 배열 src

MDN
예제

어째서 object를 map으로 돌리려 하는가

객체는! map을 돌릴 수 없다!
map은 배열함수다. for문으로 이루어져있다.

dictionary = {num1: 0, num2: 0}

• for in

for (var key in dictionary) {
 if (dictionary.hasOwnProperty(key)) {
        console.log(key, dictionary[key]);
    }
}

• Object.keys

Object.keys(dictionary).forEach(function(key) {
    console.log(key, dictionary[key]);
});

• for of <-이건 배열돌릴때.

var iterable = [10, 20, 30];

for (var value of iterable) {
  console.log(value); // 10, 20, 30
}

• for in 반복문 : 객체의 모든 열거 가능한 속성에 대해 반복
• for of 반복문 : [Symbol.iterator] 속성을 가지는 컬렉션 전용

for in vs. for of

Bignumber.js

Bignumber.js
[javascript] JavaScript에서 부동 소수점 숫자 정밀도를 처리하는 방법은 무엇입니까?

링크

TypeScript에서 string key로 객체에 접근하기

MDN : Object.assign()

[Javascript] 객체의 모든 key, value 값 가져오기 (for in 루프)

오늘을 알차게

시간이 너무 빠르다.
언제 이렇게 지난거야..!

이 하루가 쌓여 내 모습이 그려지겠지.
오늘을 어떻게 보냈는지에 따라, n일 후의 내가 딱 그만큼 성장해 있는것이다.

열심히 해야지!☺
우리 팀원들과 작업하며 생긴 좋은 마인드도 있다.

일단 해보기!
일어날 일은 일어난다!
이왕 뭘 하는거 긍정적으로 생각하자!