[러닝자바스크립트] Ch2. 자바스크립트 개발 도구

노드(Node) : 브라우저 밖에서 자바스크립트를 실행할 수 있게 하는 도구입니다. 노드와 함께 설치되는 npm은 이 리스트의 다른 도구를 설치할 때 필요

걸프(Gulp) : 반복적인 개발 작업을 자동화하는 빌드 도구입니다. 그런트(Grunt)도 널리 쓰인다

바벨(Babel) : ES6코드를 ES5코드로 변환하는 트랜스 컴파일러

ES린트(ESLint) : 자주 하는 실수를 피하고 더 나은 프로그래머가 되도록 돕는 린트 프로그램

2.1 ES6 사용하기

에버그린(evergreen) : 사용자의 업데이트를 강제하는 브라우저(자동 업데이트)

2.2 ES6 기능

—save, —save-dev 플래그 사용의 이유? package.json 파일에 등록됨

빌드 도구 : 걸프, 그런트

2.3 트랜스컴파일러

바벨, 트레이서

걸프는 파이프라인 개념으로 작업 처리, 소스파일 이름과 디렉터리 구조를 그대로 유지

2.4 린트

2.5 요약

• 작업순서
  1. 코드를 수정할 때는 논리적으로 일관되게 수정한다
  2. gulp를 실행해서 코드에 존재하는 실수와 잠재적 오류를 찾는다
  3. 수정한 내용이 잘 동작하고 린트프로그램에서 지적하는 것이 없을 때까지 반복
  4. git status 명령을 써서 원하지 않는 파일이 커밋되지 않는지 확인. git에서 추적하지 말아야 할 파일이 있다면 .gitignore 파일에 추가하기
  5. git add -A 명령으로 바꾼 내용을 저장소에 추가. 한꺼번에 추가하지 않으려면 git add 명령을 파일마다 내리기
  6. git commit -m "[desciription of your changes]" 명령으로 커밋

💡 QUIZ

• 걸프, 그런트 역할 ?
  css최적화, 자바스크립트 난독화, 웹팩의 하위호환(웹팩은 하나의 파일로 번들링 시켜줌 - module bundler)
• 에버그린 : 자동 업데이트 브라우저
• —save, —save-dev 플래그 사용의 이유?
  package.json 파일에 등록됨. ⇒ yarn을 씁시다