react-gtk

(★ 359)

react Native bridge for gtk desktop applications

  • .editorconfig
  • .env.example
  • .gitignore
  • .oxfmtrc.json
  • .oxlintrc.json
  • .tool-versions
  • cspell.json
  • LICENSE
  • make.mk
  • Makefile
  • NOTICE
  • package.json
  • pnpm-lock.yaml
  • pnpm-workspace.yaml
  • project-words.txt
  • README.md

# 설치 가이드

1. 코드 내려받기
git clone https://github.com/clayrisser/react-gtk

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd react-gtk

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. 공식 설치 스크립트

쉬움 추천
사전 준비물
  • APT (Debian/Ubuntu 계열) Debian/Ubuntu 계열 리눅스에 기본 내장된 패키지 매니저입니다.
  • Homebrew macOS/Linux용 패키지 매니저입니다.
sudo apt install libgtk-4-dev libgirepository1.0-dev gobject-introspection

APT 패키지 저장소에서 바로 설치합니다 (Debian/Ubuntu 계열).

brew install gtk4 gobject-introspection

Homebrew로 이미 빌드된 패키지를 바로 설치합니다. 소스 빌드가 필요 없습니다.

설치 후 새 터미널을 열고, 프로그램의 버전 확인 명령(예: --version)으로 정상 설치됐는지 확인하세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

3. Node.js

쉬움
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.
make prepare # one-time machine setup (asdf toolchain + pnpm install)

생성된 빌드 설정을 바탕으로 실제 컴파일을 진행해 실행 파일을 만듭니다.

명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

4. Make

보통
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Make Linux/macOS는 보통 기본 설치되어 있습니다. Windows는 별도 설치(예: MSYS2, WSL)가 필요합니다.
make prepare # one-time machine setup (asdf toolchain + pnpm install)

생성된 빌드 설정을 바탕으로 실제 컴파일을 진행해 실행 파일을 만듭니다.

make build # generate widget bindings and build the packages

생성된 빌드 설정을 바탕으로 실제 컴파일을 진행해 실행 파일을 만듭니다.

make test # run the unit tests

생성된 빌드 설정을 바탕으로 실제 컴파일을 진행해 실행 파일을 만듭니다.

make typecheck # typecheck every workspace package

생성된 빌드 설정을 바탕으로 실제 컴파일을 진행해 실행 파일을 만듭니다.

make lint # oxlint

생성된 빌드 설정을 바탕으로 실제 컴파일을 진행해 실행 파일을 만듭니다.

에러 없이 끝나면 성공입니다. 생성된 실행 파일을 직접 실행해보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

// repository documentation