오랜만인 TIL...
이직 후 첫 포스팅이다.

이제부터 1일 1커밋, 벨로그 열시미 하겠읍니다 정말요

1. 이중 forEach

제로초님의 자바스크립트 강의 중

let nowRow;
let nowCol;

row.forEach((r, ri) => {
  r.forEach((c, ci) => {
    if(row[ri][ci] === e.target){
      nowRow = ri;
      nowCol = ci;
    }
  });
});

//row
//[[td,td,td],[td,td,td],[td,td,td]]

3x3 격자를 click하면 e.target과 동일한 대상을 row array에서 탐색하는 간단한 코드다.

index(ri, ci)를 사용할 수 있기 떄문에 forEach가 유용하다.

2. semantic version

MAJOR.MINOR.PATCH

MAJOR -> 이전 버전과 호환되지 않는 변경
MINOR -> 이전 버전과 호환 되는 새로운 기능
PATCH -> 버그 수정

EX) Vue @2.6.11

`~` tilde , `^` caret

~ -> 패키지의 패치 변경을 허용하겠다는 뜻
( ~4.3.0 : 4.3.0 =< < 4.4.0 )

^ -> 패키지의 마이너, 패치 변경을 허용하겠다는 뜻
( ^4.3.0 : 4.3.0 =< 5.0.0 )

3. npm i vs npm ci

npm i => can update your package-lock.json when there are changes such as when you install a new dependency.

npm ci will never modify your package-lock.json.