CHAPTER.2

CHAPTER.2

1장에서 본 것처럼 텍스트 에디터와 브라우저만 있어도 자바스크립트를 작성할 수 있지만, 유용한 개발 도구도 많이 있습니다. 그리고 앞으로는 ES6만 사용할 것이므로 ES6 코드를 ES5코드로 바꿀 방법도 필요합니다. 이 장에서 설명하는 도구들은 매우 널리 쓰이므로, 오픈소스 프로젝트나 소프트웨어 개발 팀에 참여하면 거의 반드시 사용하게 될 겁니다.

  • 깃 : 프로젝트가 커져도 쉽게 관리할 수 있고 다른 개발자와 협력할 수 있게 돕는 버전 컨트롤 도구입니다.
  • 노드 : 브라우저 밖에서 자바스크립트를 실행할 수 있게 하는 도구입니다. 노드와 함께 설치되는 npm은 이 리스트의 다른 도구를 설치할 때 필요합니다.
  • 걸프 : 반복적인 개발 작업을 자동화하는 빌드 도구입니다. 그런트도 널리 쓰입니다.
  • 바벨 : ES6 코드를 ES5 코드로 변환하는 트랜스컴파일러입니다.
  • ES린트 : 자주 하는 실수를 피하고 더 나은 프로그래머가 되도록 돕는 린트 프로그램입니다.

2장은 우리의 주제인 자바스크립트에서 멀어지는 장이 아닙니다. 자바스크립트 개발에 널리 쓰이는 중요한 도구와 테크닉을 소개하는 장입니다.

2.1 ES6 사용하기
2.2.1 깃설치
2.2.2. 터미널
2.2.3 프로젝트 루트

2.2.4 깃과 버전 컨트롤


이 책에서 버전 컨트롤에 대해 자세히 설명하지 않지만, 혹시 아직 버전 컨트롤을 사용하지 않았다면 지금부터라도 사용하십시오. 아직 깃에 익숙하지 않다면 이책을 통해 기회가 있으니 꼭 익숙해지기 바랍니다.

먼저 프로젝트 루트에서 저장소를 초기화합니다.

$ git init

이 명령은 프로젝트 저장소를 만드는 명령입니다. 이제 프로젝트 루트에 숨김 디렉터리 .git 이 생겼습니다.

버전 컨트롤을 상용하다 보면 깃에서 추적하지 않았으면 하는 파일이 분명 생길 겁니다. 빌드 과정에서 생기는 파일, 임시 파일 같은 것들입니다. .gitignore 파일을 만들어서 추적에서 제외할 파일을 정할 수 있습니다. 프로젝트 루트에 당므과 같이 .gitignore 파일을 만드십시오.

# npm 디버그 기록
npm-debug.log*

#프로젝트 의존성
node_modules

#macOS 폴더 속성
.DS_Store

#임시 파일
*.tmp
*~

이 밖에도 쓸모없는 파일이 있어서 제외하고 싶다면 여기 추가하면 됩니다. 예를 들어 에디터에서 파일을 저장할 때마다 .bak 파일을 만든다면 이 리스트에 *.bak을 추가하면 됩니다.

깃을 사용하다 보면 git status 명령을 아주 많이 사용하게 될 겁니다. 이 명령을 저장소의 현재 상태를 출력하는 명령입니다. 지금 해 보십시오. 다음과 같은 내용이 보여야 합니다.

$ git status
On branch master

Initial commit

Untracked files:
  (use "git add..." to include in what will be committed)
  	.gitignore
nothing added to commit but untracked files present (use "git add" to track)

여기서 눈여겨볼 점은 깃이 디렉터리에 새 파일(.gitignore)이 있지만, 추적하고 있지 않다(untracked)고 보고하는 겁니다.

깃 저장소를 사용하는 작업의 기본 단위는 커밋입니다. 현재 저장소에는 커밋이 없습니다. 저장소를 초기화하고 파일을 하나 만들었지만, 깃에 등록한 것은 아무것도 없습니다. 깃은 어떤 파일을 추적해야 하는지 짐작하지 않으므로 .gitignore 파일을 명시적으로 저장소에 추가해야 합니다.

$ git add .gitignore

아직 커밋은 하지 않았습니다. 다음 커밋에서 .gitigoore 파일을 커밋하게끔 대기시키기만 했습니다. git status 명령을 다시 실행하면 달라진 것이 있습니다.

$ git status
By | 2018-08-14T15:15:50+00:00 7월 20th, 2018|러닝 자바스크립트|0 Comments

About the Author:

DAN

Leave A Comment