개발 도구

Blockly는 Git, npm, 클로저 컴파일러 등 몇 가지 개발 도구와 라이브러리를 사용합니다. 이 섹션에서는 각 도구에 대한 몇 가지 기본 설명과 각 도구에 관한 자세한 정보를 찾을 수 있는 링크를 제공합니다.

이러한 도구 중 다수는 스크립트를 통해 사용됩니다. 직접 실행할 필요가 없을 수도 있습니다. 이름을 알면 디버깅하거나 문제 또는 기능 요청을 제출하는 데 도움이 될 수 있습니다.

Git

Git은 파일 변경사항을 추적하고 관리하는 데 사용하는 버전 제어 시스템입니다.

GitHub

GitHub는 오픈소스 코드의 버전 제어, 공동작업, 배포를 위한 호스팅 플랫폼입니다. Git이 파일을 추적합니다. GitHub는 코드 검토, 문제 추적, 변경 내역 확인을 위한 원활한 인터페이스를 제공합니다.

시작하기: Git 및 GitHub를 처음 사용하는 경우 GitHub의 quickstart 튜토리얼을 통해 기본사항을 익히세요.

노드

Node.js는 브라우저가 아닌 서버에서 자바스크립트를 실행하는 방법입니다. npm(아래 참조)은 Node에서 실행됩니다.

npm

npm은 다음 두 가지입니다.

  • 종속 항목을 설치하고 스크립트를 실행하는 데 사용하는 명령줄 도구입니다.
  • 다른 개발자가 Blockly를 쉽게 사용할 수 있도록 코드를 게시하는 온라인 레지스트리입니다.

시작하기: 노드 및 npm을 설치합니다.

클로저 컴파일러

클로저 컴파일러는 JavaScript를 더 빠르게 다운로드하고 실행하는 데 사용하는 도구입니다. 이 라이브러리를 사용하여 모든 자바스크립트 파일을 단일 라이브러리로 결합합니다. 또한 구문과 유형을 확인하는 데도 사용합니다.

시작하기: 클로저 컴파일러를 직접 설치하거나 실행할 필요가 없습니다. npm을 통해 설치하고 실행합니다.

자세히 알아보기: 자바스크립트 유형유형 주석에 관한 클로저 컴파일러 문서

ESLint

ESLint는 자바스크립트 코드의 문제를 발견하는 정적 분석기입니다. 이를 사용하여 코드베이스 전체에 일관된 스타일을 정의하고 적용합니다. 사소한 코드 문제 (세미콜론 누락, 일관되지 않은 공백 등)를 린트라고 합니다. pull 요청을 보내면 ESLint가 자동으로 실행됩니다. 로컬에서 실행할 수도 있습니다.

시작하기: Blockly core 및 blockly-samples 모두에서 npm run lint로 ESLint를 실행할 수 있습니다. 많은 코드 편집기에는 입력 시 문제를 표시하는 ESLint 통합 기능도 있습니다.

자세히 알아보기: 각 ESLint 규칙에는 규칙을 설명하고 올바른 코드와 잘못된 코드의 예를 제공하는 문서 페이지가 있습니다.

모카

Mocha는 JavaScript 테스트 프레임워크입니다. 이 변수를 사용해 브라우저와 Node.js에서 테스트를 실행합니다 (헤드리스 사용 사례의 경우).

시작하기: Blockly 코어와 blockly-samples 모두에서 npm run test로 Mocha 테스트를 실행할 수 있습니다. Blockly Core에서는 다른 테스트도 실행됩니다. Blockly Core의 Mocha 테스트는 tests/mocha 디렉터리에 정의되어 있습니다.

자세히 알아보기: Mocha를 사용하면 개발자는 테스트용 중앙 집중식 설정 및 해체 함수를 정의할 수 있는 후크를 정의할 수 있습니다.

차이

Chai는 Mocha 테스트에서 사용하는 어설션 라이브러리입니다.

자세히 알아보기: Chai에는 기존 프로젝트와 쉽게 통합할 수 있는 여러 가지 구문 '버전'이 있습니다. Blockly는 assert 버전을 사용합니다.