191113(수) TIL-1. Sprint Office Hour

rami_tae·2019년 11월 16일
0

TIL

목록 보기
1/17

[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. 협업하기에 좋다

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

profile
개발자가 되기 위해 공부하고 있습니다! T-story위주로 사용합니다.

0개의 댓글