01 개발 환경 설정

이 장에서는, 이 안내서에서 앞으로 활용될 개발 환경을 설정할 것입니다.

Node.js를 사용해 본 경험이 있다면, 이 과정은 상당히 표준적이고 간단할 것입니다.

처음이라면 모든 것이 어렵게 느껴질 수 있으며 Node.js 생태계의 모든 세부 사항을 다루는 것은 이 안내서의 범위를 벗어나기에 때때로 Google에서 관련 정보를 찾아봐야 할 수 있습니다. 그러나 Sonolus.js와 함께 개발하는 동안 심층적으로 이해할 필요는 없습니다.

저장소

이 안내서에서 사용된 소스 코드의 저장소는 GitHub에서 찾을 수 있습니다.

각 장에는 자체 지점과 두 가지 변형(타입스크립트/자바스크립트 중 원하는 것)이 있으며, 안내서를 따르는 동안 각 지점을 찾는 것이 좋습니다.

Node.js 설치/업데이트

첫 단계는 Node.js의 최신 LTS 버전을 내려받고 설치하는 것입니다.

올바르게 설치되었는지 확인하려면, 터미널에서 다음을 실행하십시오.

node -v

또는

npm -v

버전 번호가 보인다면 다음으로 가도 좋습니다.

프로젝트 초기화

프로젝트를 부트스트랩 하기 위한 여러 Sonolus.js 템플이 준비되어 있습니다.

• JS
• JS + ESLint + Prettier
• TS
• TS + ESLint + Prettier

예를 들어 TS + ESLint + Prettier 템플릿을 사용하려면:

npx degit Sonolus/sonolus.js-template-ts-eslint-prettier my-project

cd my-project
npm i

README.md를 통해 사용 중인 템플릿에 대한 자세한 정보를 확인할 수 있습니다.

개발 서버 시작

프로젝트 디렉터리에서 다음을 실행합니다.

npm run dev:play

Sonolus 앱을 사용하는 데 사용되는 개발 서버가 시작 및 구동될 것입니다.

다음 Sonolus 설정을 활성화하십시오.

• 캐시 > 항상 재검증
• 개발자 > 디버그 모드

만약 개발 레벨을 플레이할 수 있다면, Sonolus.js와 개발할 준비가 완료된 겁니다!