# Getting Started - Things Board Service
## Step 1 - Creation
```
$ mkdir new-service
$ cd new-service
$ yarn init
$ yarn add @hatiolab/things-shell
$ yarn things-shell-migration
```
## Step 2 - Execution
```
$ yarn things-shell-dev
```
* 브라우저를 열고, http://localhost:3000 으로 접속한다.
* 서비스포트를 바꾸고 싶은 경우는

```
$ yarn things-shell-dev -p 3001
```

## Step 3 - Create Group & Board
* 여기에 그룹과 샘플보드를 생성하는 간단한 동영상.
## Step 4 - Install Things Scene Components
```
$ yarn add @things-scene/form
$ yarn add @things-scene/table
$ yarn add @things-scene/chartjs
```
## Step 5 - Run Service (dev mode)
```
$ yarn things-board-dev
```
## Step 6
* 여기에 폼, 테이블, 차트 컴포넌트들이 설치된 것을 확인하는 동영상.
## Step 7 - Run Service (service mode)
* package.json 파일을 열어서, 다음 라인을 추가한 다음, 서비스를 실행한다.
```
# package.json
...
  "scripts": {
    "serve": "things-shell",
    "serve:dev": "things-shell-dev",
    "build": "webpack --config node_modules/@hatiolab/things-shell/webpack.config.js"
  },
...
```
```
$ yarn build
$ yarn serve
```
* 서비스 포트를 바꾸고 싶다면,
```
$ yarn serve -p 8000
```
