본문 바로가기

Language/JavaScript

자바스크립트 프로젝트 시작 준비 (요약)

개발용 컴퓨터


  • 에디터
  • 깃 설치 (https://git-scm.com)
  • Gulp 설치 (npm install -g gulp)
  • ESLint 설치 (npm install -g eslint)


디렉토리 설정


  • 깃 저장소
  • package.json 파일 준비 : npm init
  • gulpfile.js
  • 걸프와 바벨의 로컬 패키지 : npm install --save-dev gulp gulp-babel babel-preset-es2015
  • .babelrc 파일 ({"presets":["es2015"]})
  • .eslintrc 파일 : eslint --init
  • 노드 소스용 서브디렉토리 es6
  • 브라우저 소스용 서브디렉토리 public/es6


코드 작업 순서


  1. 코드 수정은 논리적으로 일관되게
  2. 걸프를 통해 잠재적 오류 찾기
  3. 1,2 번 통과할 때까지 반복
  4. git status : 원하지 않는 파일이 커밋되지 않는지 확인 (추적하고 싶지 않은 파일은 .gitignore 파일에 추가)
  5. git add -A : 바꾼 내용을 저장소에 추가
  6. git commit -m "message" : 커밋하기



* 위 내용에 대한 자세한 설명은 다음 포스팅 참고 : http://beagle-dev.tistory.com/54

'Language > JavaScript' 카테고리의 다른 글

엔터(Enter) 막기  (0) 2018.02.21
Date Format  (0) 2018.02.18
자바스크립트 개발 도구  (0) 2017.12.20
[jQuery] 기본형태(시작)  (0) 2017.12.20
함수의 정의와 선언 방법 (4가지)  (0) 2017.11.06