이거는 "toio.™"Advent Calendar 2019"의 18일째 기사입니다.

입문

며칠 전에 기사에 쓴 토오.js의 예는 모두 윈도우즈 PC에서 개발되었다.
소프트웨어 초보자 toio.js로 해봤던 5가지 예를 소개합니다.
최근 다른 일로 iOS 앱 개발을 시작하려고 맥북 프로를 새로 샀어요.
어렵기 때문에 Mac에도 toio가 있습니다.js를 옮기고 싶어서 환경 구축을 했습니다.
또한 비망록으로 샘플을 이동하기 전에 기록을 남겨야 한다.

모델 및 macOS 버전 사용

Macbook Pro13형 2019 모델(A2159)

macOS 10.15.1

1.Node.js 환경 설치

toio.js 공식에 따르면 Node.jsversion8이 필요할 것 같습니다.

이번에는 버전 의존 문제에 빠졌을 때의 상황을 고려했습니다.
Node.js 버전을 자유롭게 변경할 수 있도록 nodebrew를 넣으십시오.
홈brew->노드brew 순서대로 설치 후
필요한 버전의 Node입니다.nodebrew를 사용하여 js를 설치합니다.

1-1homebrew 설치

homebrew는 macOS의 패키지 관리자입니다.
공식 사이트
공식 사이트의 설치 명령을 한 줄만 누르면 설치가 완료된다.

$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

※ 업데이트가 필요할 수 있으니 공식 홈페이지 명령을 참조하십시오.
중간에 로그인용 password를 요청하기 때문에 입력해서 진행합니다.

1-2nodebrew 설치

다음 단계는 nodebrew를 설치하는 것입니다.
nodebrew를 사용하면 node의 버전을 자세히 선택하여 사용할 수 있습니다.
참고 문서 Nodebrew 설치 Node
상기 사이트에 따라 환경 변수를 설치하고 추가하십시오.
!!중요!!
환경 변수의 PATH를 통과하지 않으면 이후 순서대로 Node가 지정됩니다.js 설치에 실패했습니다.

1-3 Node.설치 js

nodebrew Node를 사용합니다.js를 계속 설치합니다.
이번에는 공식 지원의 최소 버전 8에 가입하려고 한다.
노드를 설치할 수 있습니다.js의 버전은 아래 명령을 통해 확인할 수 있습니다.

$ nodebrew ls-remote

많은 버전이 나왔지만 이번에는 버전 8의 최신 버전인 v8.16.2를 넣으려고 한다.
nodebrew install이라는 명령도 있지만, nodebrew install-binary가 더 빠르다는 보도가 있기 때문에 이 명령을 사용합니다.

$ nodebrew install-binary v8.16.2

설치만 했을 뿐 아직 사용 상태에 이르지 못했다.
현재의 node 버전을 테스트하기 위해 "nodebrew ls"명령을 시도해 보십시오.
current:none, 현재 사용 중인 버전을 지정하지 않았습니다.
"node-v"라는 노드입니다.즉 js의 명령으로 버전을 확인하면 원래 node의 명령 자체도 식별할 수 없는 상태입니다.

$ nodebrew ls
v8.16.2

current: none

$ node -v
-bash: node: command not found

다음 명령을 사용하여 사용할 버전을 지정합니다.

$ nodebrew use v8.16.2
use v8.16.2

다시 확인하면...
current: v8.16.2
에서 기술한 장면은 다음과 같은 절차를 이용하여 명세표를 작성하여 개념 디자인에서 체량의 부피를 분석하도록 한다.
"node-v"를 사용하여 확인하면 버전도 정확하게 되돌아옵니다.이제 Node.준비 완료.

$ nodebrew ls
v8.16.2

current: v8.16.2

$ node -v
v8.16.2

2 toio.설치 js

toio.js 공식 정보에 따라 아래 명령을 내리세요.
그것만으로도 예뻐요, 토이.js 환경 구축 완료.

npm install -g yarn
git clone https://github.com/toio/toio.js.git   # clone repository
cd toio.js                                      # move to repository root
yarn install                                    # install dependencies
yarn build                                      # build @toio/* packages
yarn example:<name of example>                  # start sample application (see below)

마지막

윈도우즈 환경 구조에 비해 환경 구조를 간단하게 완성해 감개무량하다.
여기에 설정이 완료되면 지난번 보도된 범례의 코드를 이동할 수 있으니 꼭 시도해 보세요.
소프트웨어 초보자 toio.js로 해봤던 5가지 예를 소개합니다.

내가 만든 샘플 실행 프로그램

toio.js/examples에서 디렉터리 만들기 (임의의 이름)

index.js 이름으로 원본 코드 저장

이하 명령 집행

$ node index.js