[CODESTATES im16] Sprint Office Hour

1. QnA

Q. 함수선언부에 있는 변수는 파라미터고 함수호출할때 넣는값을 아규먼트인가요?

A. 네.

Q. 크롬의 개발자 도구를 사용하지 않고 간단히 콘솔창을 실행할 수 있는 프로그램?

A. runjs

Q. 클로저 설명(외부의 context에 접근할 수 있는 함수를 클로저라고 함)에서 변수라고 쓰지 않고 context라고 사용하는 이유?

A. context: 변수는 좁은 의미이기 때문에

• 커링: 함수 하나가 n개의 인자를 받는 대신, n개의 함수를 만들어 각각 인자를 받게 하는 방법.

• 클로저 단점: 변수가 참조되고 있으면 계속 그 메모리를 유지하게 되어서, 필요하지 않을 때 참조를 끊어줘야 합니다

---

2. 깃

2-1. 깃의 장점

1. 버전 관리가 편리하다

2. 백업이 용이하다

3. 협업하기에 좋다

   • 한 번 보면 좋을 URL: [github에서 설명한 github] https://youtu.be/w3jLJU7DT5E

2-2. 간단한 깃 워크플로우

• 각자 하나의 코드를 포크해오기

• 페어의 원격 저장소와 내 로컬 저장소 연결

• 코드를 push

• 코드를 pull

• 레포지토리의 구조

• 더 공부해보기

  • git init

  • branching에 대해 알아보기

  • 자주 쓰이는 git 명령어

    • merge, fetch, stesh ...

---

3. Linting & Testing

3-1. linter

​ 일관적 코딩을 위해.
​ 읽기 좋은 코드 = 유지, 보수하기 좋은 코드

3-2. Tester

​ 작성한 코드가 제대로 동작하는지 자동화하여 테스트해주는 툴
​ mocha, jest, ...
​ => 프로젝트의 의도를 확인할 수 있음

1) Jest 사용

• test커맨드 지정

• test명령어 만들기 & 사용하기

  { ...
  
  "test:recursion": "jest recursion-review",
  
  "test:watch": "jest --watch",
  ...}

  • "test:recursion": "jest recursion-review"를 사용하는 방법

    1. $npm test recursion
    2. $npm run test:recursion

  • test:watch의 --watch : cli옵션 중 하나.

• toBe : ===
  toEqual : ==

2) QnA

Q. 글로벌에 Jest, 혹은 ESlint가 설치되어 있는지 확인하는 방법

*A.

$npm list -g --depth=0*

Q. global로 설치한 jest 언인스톨 하는 방법

*A.

$nom uninstall -g jest*

---

4. Tip

• .eslintrc.js

  • 숨김파일: 터미널에서 ls로 볼 수 없음.
  • ls로 보고싶다면
    • $ls -a

• .eslintrc.json

  • 오류를 무시하는 방법: 마우스 갖다댔을 때 뜨는 부분에서 Quick Fix... 클릭 후 설정하면 됨.

• .gitignore

  • git을 사용할 때 무시할 파일들을 정리해 둠.

• yarn과 npm의 차이 in 2019