react-gtk
react Native bridge for gtk desktop applications
파일 탐색기
최종 버전 다운로드 (.zip)- extensions.json
- settings.json
- box.png
- button.png
- ColorButton1.png
- ColorButton2.png
- headerbar.png
- headerbar2.png
- Label.png
- Spinner.png
- text.png
- docusaurus-plushie-banner.jpeg
- index.md
- 2019-05-28-first-blog-post.md
- 2019-05-29-long-blog-post.md
- 2021-08-01-mdx-blog-post.mdx
- authors.yml
- Box.md
- Button.md
- ColorButton.md
- HeaderBar.md
- Image.md
- Label.md
- ListBox.md
- SearchBar.md
- Spinner.md
- Text.md
- _category_.json
- congratulations.md
- create-a-blog-post.md
- create-a-document.md
- create-a-page.md
- deploy-your-site.md
- markdown-features.mdx
- docsVersionDropdown.png
- localeDropdown.png
- _category_.json
- manage-docs-versions.md
- translate-your-site.md
- Gtk-introduction.md
- intro.md
- index.tsx
- styles.module.css
- custom.css
- index.module.css
- index.tsx
- markdown-page.md
- docusaurus-social-card.jpg
- docusaurus.png
- favicon.ico
- logo.svg
- todo.svg
- undraw_docusaurus_mountain.svg
- undraw_docusaurus_react.svg
- undraw_docusaurus_tree.svg
- .nojekyll
- .gitignore
- babel.config.js
- docusaurus.config.ts
- Makefile
- package.json
- README.md
- sidebars.ts
- tsconfig.json
- App.tsx
- index.tsx
- .gitignore
- LICENSE
- Makefile
- package.json
- README.md
- tsconfig.json
- index.tsx
- index.tsx
- index.tsx
- index.tsx
- index.tsx
- index.tsx
- index.tsx
- index.tsx
- index.tsx
- index.tsx
- index.tsx
- index.tsx
- .gitignore
- LICENSE
- Makefile
- package.json
- README.md
- tsconfig.json
- index.tsx
- index.tsx
- index.tsx
- index.tsx
- Button.tsx
- Calender.tsx
- CheckButton.tsx
- DropDown.tsx
- Spinner.tsx
- WindowHandle.tsx
- index.tsx
- useTodoStore.ts
- todoProps.ts
- App.tsx
- index.tsx
- .gitignore
- LICENSE
- Makefile
- package.json
- README.md
- tsconfig.json
- ApplicationWindow.ts
- Element.ts
- FlexBox.ts
- FlexEdge.ts
- FlexRoot.ts
- index.ts
- Fixed.ts
- createElement.ts
- gi.ts
- gtkPolyfill.ts
- index.ts
- reconciler.ts
- render.ts
- style.ts
- types.ts
- util.ts
- yoga.ts
- style.test.ts
- yoga.test.ts
- .editorconfig
- .gitignore
- LICENSE
- Makefile
- package.json
- README.md
- tsconfig.json
- tsup.config.ts
- reactGtkGenerate.mjs
- reactGtkGenerate.ts
- index.ts
- PropsInterface.tsx
- PropsInterfaceDocs.tsx
- RootIndex.tsx
- WidgetElement.tsx
- WidgetElementsIndex.tsx
- config.json
- generator.ts
- index.tsx
- module.ts
- render.tsx
- types.ts
- typeUtil.ts
- typeUtil.test.ts
- .babelrc
- .gitignore
- .prettierrc
- LICENSE
- Makefile
- package.json
- tsconfig.json
- tsup.config.ts
- @ts-for-gir__lib@3.3.0.patch
- .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
쉬움사전 준비물
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
Was this content helpful?
(0 ratings)
