lil-gui 코드

공식 사이트는 https://lil-gui.georgealways.com/ 입니다.

패키지 설치는 다음과 같습니다.

npm i lil-gui

필요한 import 문은 다음과 같습니다.

import * as dat from "lil-gui"

사용 코드 예시는 다음과 같습니다.

const gui = new dat.GUI()

const obj = {
  value: 0.5,
  color: "#ff0000"
}

gui.add(obj, "value").min(0).max(1).step(0.01).name("title")
gui.addColor(obj, "color").onChange((v) => { console.log(v, obj.color) })

DNF 오류 발생의 경우 해결 방안

아래의 명령어로 패키지를 설치를 시도함

dnf install epel-release

다음과 같은 에러가 발생

PostgreSQL 10 for RHEL / Rocky 8 - x86_64 61 B/s | 146 B 00:02
Errors during downloading metadata for repository 'pgdg10':
- Status code: 404 for https://download.postgresql.org/pub/repos/yum/10/redhat/rhel-8-x86_64/repodata/repomd.xml (IP: 217.196.149.55)
오류: repo를 위한 메타자료 내려받기에 실패하였습니다 'pgdg10': Cannot download repomd.xml: Cannot download repodata/repomd.xml: All mirrors were tried

pgdg10과 관련된 repomd.xml 파일을 다운로드할 수 없다는 에러로 다음 명령을 실행하여 [pgdg10]에서 enabled=1을 enabled=0으로 변경하여 해결함

vi /etc/yum.repos.d/pgdg-redhat-all.repo