20201202

• apply()에 대해 추가로 이해된 부분

let kim = {first:10, second:20}
function sum(arg1, arg2, arg3) {
  arg1 + arg2 + arg3 + ' ' + this.first + this.second
}

sum.apply(kim, [1,2,3])//123 1020 

위 코드를 보면 func.apply(thisArg, [argArray]) 에서 argArray 부분에 배열이 들어가면 배열 요소 index => 0, 1, 2...로 순서대로 하나씩 func 함수에 인자에 들어간다. 더 나아가 이중 배열 [[1,2,3], [4,5,6]]이 들어가면 func 함수 첫 번째 인자엔 [1,2,3]이 들어가고 두 번째 인자엔 [4,5,6]이 들어간다.

• 오늘은 HA 테스트 때 작성했던 코드를 ES6 문법들을 이용해서 리팩토링했다. 구조분해할당, for..of, 전개 연산자, rest 파라미터, 템플릿 리터럴, 화살표 함수를 써서 진행했다.

• 그리고 lint 공식문서를 이용해 npm에 lint를 설치, 활용하는법에 대해 학습했다. npx eslint 경로 --fix를 하면 설정해둔 rules가 작동하는걸 배웠는데 신기했다. 이외에도 터미널에서 npm, package json(dependencies, devDependencies, scripts) 등 작동법에 대해 공부했는데 아직 어색한 부분이 많다. 추가적으로 "extends": "eslint:recommended"를 lint 파일에 추가해주면 자동적으로 ✔️표시가 된 rules를 체크하는점을 배웠다.

  • npx, npm에 차이가 뭘까?
    • npm은 node.js의 패키지 매니저 역할
    • npm install을 이용해 package.json파일에 packages를 지정할 수 있다.
    • npx는 Node 패키지를 실행시키는 하나의 도구, 말그래도 npx로 설정한 패키지들을 이용할 수 있다.

• 공식문서 읽기를 연습하고 있다. 영어 독해만큼은 자신 있었는데 자신감이 살짝 하락했다. 디테일한 부분까진 정확히 이해 못할때가 있지만 새로운 기술을 이해하고 사용하는데는 무리가 없다. 성장하는 개발자가 된다는게 무슨 말인지 궁금했었는데 조금은 의미를 알겠다.

---

추가적으로 기억해둘 코드

npm run lint -> lint를 실행
npm run blahblah -> blahblah는 package.json에 설정된 scripts로 scripts를 실행할 수 있음.
npm ls -> 설치된 패키지를 트리 구조로 보여줌.
npm ls --depth=0 -> 간략하게 보여줌
npm ls --global --depth=0 -> 전역으로 설치된 패키지를 간략하게 보여줌.