[IM 3일차] 20.10.21

9:00 ~ 12:00

Hiring Assessments 리팩토링 시간이었다.

ESlint 설치와 적용을 하라고하여 눈칫밥으로 설치하고 적용까지 완료했는데, 역시 영어는 필수였던가 너무 힘들다

모든 공식문서를 눈칫밥으로 읽어내는건 생각보다 힘들다.(영포자였는데 수능영어 듣기평가를 눈칫밥으로 만점을 받았었다 ^_^v)

 

HA문제를 다시 한번 풀어봤다.

재미있고 그 때 당시 너무 슬펐던 내가 자꾸 보여서 안쓰럽다

 

12:00~13:00

급하게 운동을 하고 편의점에서 컵반을 사왔다.

컵반 데우면서 닭연골 꾸버먹음 ㅎㅎ

 

13:00~15:00

페어시간에 줌은 동시 화면공유가 안되어서 불편하다고 얘기를 했었는데, 서로 remote add를 하고 pull을 하니 서로의 코드를 동시에 볼 수 있어서 편안했다.

페어분이 ESlint를 설치하시는걸 화면 공유로 같이 보면서 내가 해결하지 못했던 부분을 도움을 받았다.

도움을 받으면서 느낀건데, 생각보다 ESlint는 너무 유용하게 쓰일 것 같다. 공부를 해두면 정말 좋을 것 같은 도구였다.

ESlint를 해결하고나서 서로의 코드를 비교해보니 확실히 나보다 깔끔하게 사용하신 문법이 많았다.

for of와 for in이 헷갈린다고 말했더니 열심히 강의를 해주셨고, 80퍼센트정도 이해가 간 것 같다.

zoom 보면서 열심히 필기

아, 어제는 값 복사, 주소 복사, 전개연산자에 대해서도 알려주셨다. 내가 거의 대치동 1타강사라고 ㅋㅋㅋㅋㅋㅋㅋ말씀드림

 

코드 공유를 하며 인상깊었던 페어분의 코드가 있다.

 

아래는 내 코드

    let aList = document.querySelectorAll('.name')
    for(let i = 0; i < aList.length; i++){
      aList[i].onclick = function(){
      for(let j = 0; j < arr.length; j++){
        if(arr[j].firstName+' '+arr[j].lastName === aList[i].textContent){
          printRole(arr[j])
        }
      }
      }
    }

요것이 페어분의 코드

name.addEventListener("click", printRole.bind(null, user));

 

사실 엄청 명료해진 것 말곤 이해가 안간다. name을 click했을 때 printRole이 실행되는 건 알겠는데, 해당 name에 맞는 role이 출력되야 할 것 아닌가, 그게 왜 되는지 모르겠다 ㅠㅠ 나도 깔쌈한 코드 짜고싶다

 

15:00~17:00

오류잡기...낑낑

 

17:00~18:10

스프린트 리뷰시간.

많은걸 알려주셨지만 따로 끄적여둔 몇가지가 있다.

 

1. 패키지.json에 스크립트로 명령어와 실행할 동작을 정해두는데, 그렇게 하지 않아도 동작을 실행할 수 있는 방법을 배웠다.

 

//package.json
  "scripts": {
  	"test:part1": "jest part-1/"
    }
    
 //그냥 실행하기
 npx jest part-1

사실 내가 제대로 이해한 것이 맞는지는 모르겠다. 지나가다 틀렸으면 꼭 말씀해주세요 혼자도 공부 하겠습니다 ^^*

 

2.모듈관련

- 글로벌에 모듈을 깔면 어느 파일에서도 이용가능하다 / but 파일마다 원하는 버전이 다를 수 있는데, 버전이 맞지 않으면 오류가 생긴다.

- npm ls --> 해당 폴더에 다운되어 있는 모듈 확인

- npm ls 의 출력값이 많은 뎁스로 인해 너무 머리가 아프면

npm ls --depth=0 --> 모듈이름들이 나오더라 개굿

글고 글로벌에 깔려있는 모듈을 보고싶으면

npm ls --depth=0 --global