Develop Setting

Develop Setting

개발 세팅

• 개발 도구와 환경, 코딩 컨벤션
• 개발 도구
• 개발 환경
• 코딩 컨벤션

개발 도구

• develop
  • vs code

개발 환경

• 개발 언어
  • javascript
• node version
  • node.js v10.16
• 소켓 통신
  • socket.io
• 프론트엔드
  • react
  • styled component
• 백엔드
  • DB
    • MySQL
  • 인증
    • OAuth
  • 캐싱
    • Redis
• 테스트
  • Jest
• 주석
  • JSDoc
• Build 환경
  • Webpack
  • babel
• 서버 환경
  • nCloud

코딩 컨벤션

• 서버 ES Module 방식 사용
• JSDoc: 필요하다면, 인자와 리턴값의 타입을 명시
• eslint, prettier 사용
• eslint base: airbnb
• else/ else if 지양
• 매직넘버, 절대값 없애기
• tab / space : 2칸
• 한 줄: 100글자
• arrow parens : true
• arrow body style

// bad
function foo() { return false; }

// good
function bar() {
  return false;
}

// bad
const goo = () => { return false; }

// good
const goo = () => false

// good
const goo = () => {
    return false;
}

• if 중괄호 : 필요에 따라

// bad
if (test)
  return false;

// good
if (test) return false;

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

• trailing comma : es5 (prettier option)
• 파일명 : kebab-case (소문자 + dash)
  • 단, 리액트 컴포넌트 파일명: PascalCase