main은 모든 작업이 끝난 후 develop에서 Merge 시킨다.

—————————————————————————

• main - 초기 세팅 존재

• develop - local 작업 완료 후 Merge 브랜치

• name_feature/#issue - 각자의 기능 추가 브랜치

  ex) gyuwon_login/#1

—————————————————————————

1. 각 기능이 추가될 때마다 Issue 및 Branch 생성
2. local - name_feature/#issue 에서 각자 기능 작업
3. 작업 완료 후 remote - develop 에 Pull Request
4. 코드 리뷰 후 Confirm 받고 Merge
5. remote - develop 에 Merge 될 때 마다 모든 팀원 remote - develop pull 받아 최신 상태 유지

태그	설명
[CHORE]	코드 수정, 내부 파일 수정
[FEAT]	새로운 기능 구현
[ADD]	Feat 이외의 부수적인 코드 추가, 라이브러리 추가, 새로운 파일 생성 시
[HOTFIX]	issue나, QA에서 급한 버그 수정에 사용
[FIX]	버그, 오류 해결
[DEL]	쓸모없는 코드 삭제
[DOCS]	README나 WIKI 등의 문서 개정
[CORRECT]	주로 문법의 오류나 타입의 변경, 이름 변경 등에 사용
[MOVE]	프로젝트 내 파일이나 코드의 이동
[RENAME]	파일 이름 변경이 있을 때 사용
[IMPROVE]	향상이 있을 때 사용
[REFACTOR]	전면 수정이 있을 때 사용
[MERGE]	다른 브랜치를 Merge 할 때 사용

---

1. 이름으로부터 의도가 읽혀질 수 있게 쓴다.

• ex)

  // bad
  function q() {
   // ...stuff...
  }
  // good
  function query() {
   // ..stuff..
  }

  
  

2. 오브젝트, 함수, 그리고 인스턴스에는 camelCase를 사용한다.

• ex)

  // bad
  const OBJEcttsssss = {};
  const this_is_my_object = {};
  function c() {}
  // good
  const thisIsMyObject = {};
  function thisIsMyFunction() {}

  
  

3. 클래스나 constructor에는 PascalCase를 사용한다.

• ex)

  // bad
  function user(options) {
   this.name = options.name;
  }
  const bad = new user({
   name: 'nope',
  });
  // good
  class User {
   constructor(options) {
   this.name = options.name;
   }
  }
  const good = new User({
   name: 'yup',
  });

  
  

4. 함수 이름은 동사 - 명사 형태로 작성한다. ex) postUserInformation( )
   
5. 약어 사용은 최대한 지양한다.
   

---

1. 모든 참조는 const를 사용하고, var는 사용하지 않는다.

2. 참조를 재할당 해야한다면 var대신 let을 사용한다.

   이때, const와 let은 블록스코프임을 유의

---

1. 복수행의 블록에는 중괄호({})를 사용한다.

• ex)

  // bad
  if (test)
   return false;
  // good
  if (test) return false;
  // good
  if (test) {
   return false;
  }
  // bad
  function() { return false; }
  // good
  function() {
   return false;
  }

  
  

2. 복수행 블록의 if 와 else 를 이용하는 경우 else 는 if 블록 끝의 중괄호(})와 같은 행에 위치시킨다.

• ex)

  // bad
  if (test) {
   thing1();
   thing2();
  } else {
   thing3();
  }
  // good
  if (test) {
   thing1();
   thing2();
  } else {
   thing3();
  }

  
  

---

1. 복수형의 코멘트는 /** ... */ 를 사용한다.

• ex)

  // good
  /**
   * @param {String} tag
   * @return {Element} element
   */
  function make(tag) {
   // ...stuff...
   return element;
  }

  
  

2. 단일행의 코멘트에는 // 을 사용하고 코멘트를 추가하고 싶은 코드의 상부에 배치한다. 그리고 코멘트의 앞에 빈행을 넣는다.

• ex)

  // bad
  const active = true; // is current tab
  // good
  // is current tab
  const active = true;
  // good
  function getType() {
   console.log('fetching type...');
   // set the default type to 'no type'
   const type = this._type || 'no type';
   return type;
  }

  
  

---

1. 주요 중괄호({}) 앞에는 스페이스 1개를 넣는다.

• ex)

  // bad
  function test() {
   console.log('test');
  }
  // good
  function test() {
   console.log('test');
  }

  
  

2. 제어구문 (if 문이나 while 문 등) 의 소괄호 (()) 앞에는 스페이스를 1개 넣고 함수 선언이나 함수 호출시 인수 리스트의 앞에는 스페이스를 넣지 않는다.

• ex)

  // bad
  if (isJedi) {
   fight();
  }
  // good
  if (isJedi) {
   fight();
  }
  // bad
  function fight() {
   console.log('Swooosh!');
  }
  // good
  function fight() {
   console.log('Swooosh!');
  }

  
  

3. 연산자 사이에는 스페이스를 넣는다.

• ex)

  // bad
  const x = y + 5;
  // good
  const x = y + 5;

  
  

---

1. 선두의 콤마 BAD

• ex)

  // bad
  const story = [once, upon, aTime];
  // good
  const story = [once, upon, aTime];

  
  

2. 끝의 콤마 GOOD

• ex)

  // bad
  const hero = {
   firstName: 'Dana',
   lastName: 'Scully',
  };
  // good
  const hero = {
   firstName: 'Dana',
   lastName: 'Scully',
  };

  
  

---

1. 세미콜론을 사용한다.

• ex)

  // bad
  (function () {
   const name = 'Skywalker';
   return name;
  })()(
   // good
   () => {
   const name = 'Skywalker';
   return name;
   }
  )();

  
  

---

1. 문자열에는 싱크쿼트 '' 를 사용한다.

• ex)

  ```jsx
  // bad
  const name = "Capt. Janeway";
  // good
  const name = 'Capt. Janeway';
  ```
  

  
  

2. 프로그램에서 문자열을 생성하는 경우는 문자열 연결이 아닌 template strings를 이용한다.

• ex)

  // bad
  function sayHi(name) {
   return 'How are you, ' + name + '?';
  }
  // bad
  function sayHi(name) {
   return ['How are you, ', name, '?'].join();
  }
  // good
  function sayHi(name) {
   return `How are you, ${name}?`;
  }

  
  

---

1. 화살표 함수를 사용한다.

• ex)

   ```jsx
   var arr1 = [1, 2, 3];
   var pow1 = arr.map(function (x) { // ES5 Not Good
   return x * x;
   });
   const arr2 = [1, 2, 3];
   const pow2 = arr.map(x => x * x); // ES6 Good
   ```
  

  
  

2. 함수식보다 함수 선언을 이용한다.

• ex)

   ```jsx
   // bad
   const foo = function () {
   };
   // good
   function foo() {
   }
   ```
  

  
  

---

1. == 이나 != 보다 === 와 !== 을 사용한다.

2. 단축형을 사용한다.

• ex)

  // bad
  if (name !== '') {
   // ...stuff...
  }
  // good
  if (name) {
   // ...stuff...
  }
  // bad
  if (collection.length > 0) {
   // ...stuff...
  }
  // good
  if (collection.length) {
   // ...stuff...
  }

3. 비동기 함수를 사용할 때 Promise함수의 사용은 지양하고 async, await를 쓰도록 한다.