개발 시작하기

시작해볼까요?

아래 프로그램들이 설치되어 있어야 합니다.

• Git

• Node.js >= 10.15.2

• Yarn

• VSCode

환경변수

.env 파일 안에는 아래와 같은 변수가 있어야 합니다.

이름	설명
mode	개발 모드. 값은 dev or prod
service	사용하는 메일 서비스. 지금은 gmail 씀
user	메일 서비스의 사용자 정보
pass	메일 서비스의 비밀번호
secret	(개발용) JWT 토큰의 비밀 키
student_no	단위 테스트에 사용하는 하영드리미 학번
student_pw	하영드리미 암호

현재는 mode를 제외하면 모두 백엔드 저장소에서 쓰이는 변수입니다.

코드 규약 강제화

TypeScript 및 React JS의 코드 스타일은 ESLint/TSLint로 관리하고 있으며, .eslintrc 파일에서 관리하고 있습니다.

❯ git commit -v
husky > pre-commit (node v10.15.2)
  ✔ Stashing changes...
  ✔ Running tasks...
  ✔ Updating stash...
  ✔ Restoring local changes...
hint: Waiting for your editor to close the fhusky > commit-msg (node v10.15.2)
[chore/fetch-route-send-empty-body 6b610c2] hack: one unit test not working
 1 file changed, 8 insertions(+), 7 deletions(-)

코드 스타일은 웹팩 빌드 단계에서 eslint-loader 을 통해 강제하고 있고, lint-staged 도구의 도움으로 커밋 작업 이전에 린터들을 실행하도록 했습니다. 가능한 규칙에 반하는 코드를 커밋하지 않도록 합니다.

깃 브랜치 관리

브랜치 관리는 느슨하게 Github-Flow 를 따르고 있으며, master는 읽기 전용 브랜치로써 직접적인 수정을 지양합니다.