bui
‹B› Web components, classes, and utilities for creating single-page PWAs – built with Lit by Blackstone Publishing
파일 탐색기
최종 버전 다운로드 (.zip)- client-list.code-snippets
- client.code-snippets
- error.code-snippets
- form.code-snippets
- server.code-snippets
- settings.json
- tasks-default.json
- tasks.json
- index.js
- README.md
- user.js
- config.js
- history-state.js
- history-states.js
- index.js
- README.md
- route.js
- index-2025.js
- index.js
- media-queries.js
- tab-bar-btn.js
- tab-bar.js
- index.js
- menu-bar.js
- menu-btn.js
- edited-model-btns.js
- root-titlebar.js
- routed-tabs-2025.js
- routed-tabs.js
- routed.js
- router-controller.js
- background-resume.js
- error-handler-with-trace.js
- error-handler.js
- errors.js
- installer.js
- network-monitor.js
- sound-fx.js
- password-change.js
- echart.js
- view.js
- files.js
- model.js
- table.js
- badge.js
- comment.js
- file.js
- index.js
- mentions.js
- models.js
- popover.js
- README.md
- summary.js
- util.js
- write.js
- index.js
- README.md
- breadcrumbs.js
- index.js
- models.js
- README.md
- row-group-by.js
- row.js
- index.js
- model.js
- palette.js
- preview.js
- README.md
- row-mixin.js
- row.js
- detail.js
- divider.js
- index.js
- models.js
- README.md
- result-template.js
- row.js
- index.js
- README.md
- index.js
- page-template.js
- README.md
- index.js
- README.md
- divider.js
- empty-view.js
- index.js
- models.js
- README.md
- result.js
- tips.js
- index.js
- README.md
- index.js
- results.js
- index.js
- file.js
- index.js
- README.md
- README.md
- comments.js
- filebrowser.js
- filemanager.js
- index.js
- screen-record.js
- search.js
- tag-list.js
- all-material-icons.js
- buttons.js
- camera.js
- colors.js
- docs.js
- icons.js
- specialty.js
- text.js
- uploader.js
- favicon-16x16.png
- favicon-32x32.png
- favicon-96x96.png
- favicon.ico
- big-sur-192.png
- big-sur-256.png
- big-sur-512.png
- icon-square.jpg
- changelog.js
- index.js
- setup.js
- calendar.js
- datepicker.js
- dialog.js
- form.js
- index.js
- list.js
- mentions.js
- menu.js
- notif.js
- panel.js
- popover.js
- previewer.js
- selection.js
- tabs.js
- view.js
- virtual-scroller.js
- api.js
- db.js
- filemanager.js
- index.js
- model.js
- realtime.js
- search.js
- index.js
- index.js
- backbone.js
- docs.js
- helpers.js
- index.js
- lit.js
- pi-pico.js
- util.js
- utils.js
- code-hightlight-style.js
- comment-docs.js
- docs-detail.js
- docs-list.js
- docs.js
- elements.js
- header.js
- index.html
- index.js
- main.js
- markdown-docs.js
- pwa.webmanifest
- style.less
- sw.js
- sw.js.map
- camera.md
- colors.md
- icons.md
- README.md
- setup.md
- uploader.md
- datatransfer.js
- index.js
- preview.js
- README.md
- _all.js
- _format.js
- _generate_all.js
- address.svg.html
- alert.svg.html
- amazon.svg.html
- android.svg.html
- appstore.svg.html
- archive.svg.html
- arrows-ccw.svg.html
- article-alt.svg.html
- at.svg.html
- attention-1.svg.html
- attention-circle.svg.html
- award.svg.html
- back-in-time.svg.html
- bank.svg.html
- barcode.svg.html
- basket.svg.html
- bell-alt.svg.html
- bell-off.svg.html
- bell.svg.html
- blackstone-bot.svg.html
- blackstone.svg.html
- block.svg.html
- bold.svg.html
- book-1.svg.html
- book-case-wrap.svg.html
- book-insert.svg.html
- book-interior.svg.html
- book-jacket.svg.html
- book-open.svg.html
- book.svg.html
- bookmark.svg.html
- bookmarks.svg.html
- books.svg.html
- border_outer.svg.html
- border_top.svg.html
- box-1.svg.html
- box.svg.html
- braille.svg.html
- briefcase.svg.html
- bucket.svg.html
- bug.svg.html
- bus.svg.html
- calc.svg.html
- calendar-1.svg.html
- calendar-2.svg.html
- calendar-3.svg.html
- calendar.svg.html
- camera.svg.html
- campsite.svg.html
- cancel-1.svg.html
- cancel-alt-filled.svg.html
- cancel-circled.svg.html
- cancel.svg.html
- cassette.svg.html
- category.svg.html
- cc-nc-eu.svg.html
- cc-nc.svg.html
- ccw.svg.html
- cd.svg.html
- certificate.svg.html
- chart-1.svg.html
- chart-bar.svg.html
- chart-line.svg.html
- chart-pie.svg.html
- chart.svg.html
- chat-1.svg.html
- chat-empty.svg.html
- chat.svg.html
- check-box-active.svg.html
- check-box.svg.html
- check-circle-uncheck.svg.html
- check-circle.svg.html
- check-empty.svg.html
- check.svg.html
- circle-empty.svg.html
- circle.svg.html
- clearclose.svg.html
- clock.svg.html
- code.svg.html
- cog-alt.svg.html
- cog.svg.html
- collections-photos.svg.html
- collections-text.svg.html
- color-lens.svg.html
- columns.svg.html
- comment-2.svg.html
- comment.svg.html
- company.svg.html
- compass-1.svg.html
- compass.svg.html
- credit-card.svg.html
- cube.svg.html
- cubes.svg.html
- cw.svg.html
- database.svg.html
- design.svg.html
- desktop.svg.html
- direction.svg.html
- directory-files.svg.html
- doc-1.svg.html
- doc-2.svg.html
- doc-inv.svg.html
- doc-text-inv.svg.html
- doc-text.svg.html
- doc.svg.html
- docs.svg.html
- dollar-1.svg.html
- dollar.svg.html
- dot-2.svg.html
- dot-3.svg.html
- dot.svg.html
- down-1.svg.html
- down-circled.svg.html
- down-open.svg.html
- down.svg.html
- download-cloud-1.svg.html
- download-cloud.svg.html
- download.svg.html
- dropbox.svg.html
- droplet.svg.html
- edit.svg.html
- endsheet.svg.html
- equalizer.svg.html
- erase.svg.html
- export.svg.html
- eye-1.svg.html
- eye-off.svg.html
- facebook.svg.html
- fast-bw.svg.html
- fast-fw.svg.html
- file-archive.svg.html
- file-audio.svg.html
- file-code.svg.html
- file-excel.svg.html
- file-image.svg.html
- file-pdf.svg.html
- file-powerpoint.svg.html
- file-word.svg.html
- filter.svg.html
- flag.svg.html
- foil.svg.html
- folder-open-empty.svg.html
- folder.svg.html
- font-size.svg.html
- fork.svg.html
- format-color-fill.svg.html
- gauge-1.svg.html
- gauge.svg.html
- github.svg.html
- gitlab.svg.html
- globe.svg.html
- glue.svg.html
- google.svg.html
- group-circled.svg.html
- group.svg.html
- hdd.svg.html
- headphones.svg.html
- heart.svg.html
- height.svg.html
- home-1.svg.html
- home.svg.html
- info-1.svg.html
- info-circled.svg.html
- info.svg.html
- instagram.svg.html
- invert-colors-on.svg.html
- italic.svg.html
- key-inv.svg.html
- key.svg.html
- keyboard.svg.html
- lamination.svg.html
- layers.svg.html
- leaf.svg.html
- left-1.svg.html
- left-circled-1.svg.html
- left-circled.svg.html
- left-open-big.svg.html
- left-open.svg.html
- left.svg.html
- lightbulb.svg.html
- link-ext.svg.html
- link.svg.html
- list-add.svg.html
- list-numbered.svg.html
- list2.svg.html
- location.svg.html
- lock-open-alt.svg.html
- lock.svg.html
- logout.svg.html
- mail-1.svg.html
- mail.svg.html
- megaphone.svg.html
- menu.svg.html
- mic.svg.html
- minus-circled.svg.html
- minus-squared-alt.svg.html
- minus-squared.svg.html
- minus.svg.html
- mobile.svg.html
- move-item.svg.html
- move.svg.html
- music.svg.html
- na.svg.html
- net.svg.html
- note-outline.svg.html
- note.svg.html
- ok-circled.svg.html
- ok-circled2.svg.html
- ok.svg.html
- paperback.svg.html
- paragraph-center.svg.html
- partner.svg.html
- paste.svg.html
- pause.svg.html
- pencil.svg.html
- phone.svg.html
- photo_size_select_small.svg.html
- picture.svg.html
- pin.svg.html
- play.svg.html
- plus-1.svg.html
- plus-circled.svg.html
- plus-squared.svg.html
- plus.svg.html
- pod.svg.html
- print-error.svg.html
- print.svg.html
- qrcode.svg.html
- quote-right.svg.html
- rain-inv.svg.html
- rain.svg.html
- recycle.svg.html
- reply-all.svg.html
- reply.svg.html
- resize-full.svg.html
- resize-small.svg.html
- retweet.svg.html
- right-1.svg.html
- right-circled-1.svg.html
- right-circled.svg.html
- right-open-big.svg.html
- right-open.svg.html
- right.svg.html
- scissors.svg.html
- scissors1.svg.html
- search.svg.html
- settings.svg.html
- shield.svg.html
- shop.svg.html
- shuffle.svg.html
- signal.svg.html
- sort-alt-down.svg.html
- sort-alt-up.svg.html
- sort-down.svg.html
- sort-name-down.svg.html
- sort-name-up.svg.html
- sort-number-down.svg.html
- sort-number-up.svg.html
- sort-up.svg.html
- sort.svg.html
- stackoverflow.svg.html
- stamp.svg.html
- star-empty.svg.html
- star.svg.html
- stop.svg.html
- strikethrough.svg.html
- suitcase.svg.html
- tag-1.svg.html
- tag.svg.html
- tags.svg.html
- tasks.svg.html
- terminal.svg.html
- th-list-1.svg.html
- th-list.svg.html
- th-thumb.svg.html
- thumbs-down.svg.html
- thumbs-up.svg.html
- ticket.svg.html
- timeline.svg.html
- top-list.svg.html
- trash.svg.html
- truck.svg.html
- twitter.svg.html
- underline.svg.html
- up-1.svg.html
- up-circled.svg.html
- up-open.svg.html
- up.svg.html
- upload-cloud.svg.html
- ups.svg.html
- user-add.svg.html
- user.svg.html
- users.svg.html
- vcard.svg.html
- video.svg.html
- videocam.svg.html
- view-mode.svg.html
- volume-high.svg.html
- volume-low.svg.html
- volume-medium.svg.html
- volume-mute.svg.html
- window.svg.html
- wrench-1.svg.html
- wrench.svg.html
- youtube.svg.html
- form.js
- pwa.js
- standard.js
- index.js
- register.js
- index.js
- styles.js
- animate.js
- animated-bgd.js
- audio.js
- avatar.js
- bgd-overlay.js
- btn-group.js
- btn.js
- camera-controls.js
- camera.js
- carousel.js
- cell-bgd-progress.js
- circle-progress.js
- code.js
- comment.js
- copy-btn.js
- details.js
- dictate.js
- download-to-file-system.js
- draggable.js
- draw.js
- embed.js
- empty-state.js
- empty-view.js
- file-icon.js
- flex.js
- floating-audio-player.js
- grid.js
- hardcover-book-2d.js
- hardcover-book.js
- headers.js
- hid-scale.js
- hr.js
- label.js
- logo.js
- media-query.js
- model-history-btn.js
- mouse-scroll-horz.js
- new-badge.js
- numeral.js
- paper.js
- pointer-events.js
- qr-code.js
- README.md
- ribbon.js
- snap-scroller.js
- sortable.js
- sparkline.js
- spinner-overlay.js
- spinner.js
- sub.js
- sup.js
- table-row.js
- table.js
- text-diff.js
- text-divider.js
- text.js
- theme.js
- timeline-horz.js
- timer.js
- toggle-btn.js
- toggle-view.js
- tooltip.js
- ts.js
- until.js
- uploader-preview.js
- uploader.js
- user-avatar.js
- waveform.js
- x-out.js
- child-collection.js
- child-model.js
- getAfter.js
- getBefore.js
- getOrCreate.js
- getOrFetch.js
- index.js
- README.md
- attr-types.js
- createSettingsModel.js
- edited.js
- groupedColl.js
- index.js
- jquery-shim.js
- lit-html-views.js
- metadata.js
- promises.js
- save-json.js
- singleton.js
- storehouse.js
- coll.js
- contextmenu.js
- emitEvent.js
- event-target-model.js
- get.js
- index.js
- isLitHTML.js
- listeners.js
- local-store-controller.js
- model-history-controller.js
- model.js
- selectors.js
- shared.js
- style-reset.js
- sv.js
- willTakeAction.js
- app-height-fix.js
- colors-list.js
- day-js.js
- fetch.js
- moment.js
- README.md
- scrollbars.js
- day.js
- index.js
- README.md
- index.js
- month.js
- README.md
- styles.js
- util.js
- daterange.js
- index.js
- month.js
- presets.js
- README.md
- screenshot.png
- styles.js
- util.js
- bind-presenters.js
- btn.js
- element.js
- index.js
- prompt.js
- README.md
- index.js
- keyboard-events.js
- link.js
- menubar.js
- style.js
- token.js
- typography-paste.js
- auto-complete.js
- history.js
- index.js
- token.js
- check-box.js
- inline-edit.js
- password-toggle-icon.js
- radio-btn.js
- radio-group.js
- range-slider.js
- select-field.js
- text-field.js
- touch-ripple.js
- nativeInputHelper.js
- setValueAttrs.js
- stopMaxLength.js
- validatePattern.js
- add-content-btn.js
- control.css.js
- control.js
- handler.js
- index.js
- README.md
- delete.js
- filter-presets.js
- filters.js
- layouts.js
- sorts.js
- source.js
- divider.js
- index.js
- util.js
- filter-presets.js
- table.sql
- index.js
- item.js
- models.js
- date.js
- input.js
- search.js
- slider.js
- token.js
- filter-btn.js
- filter-presets.js
- filters-panel.js
- filters-view.js
- index.js
- layout-btn.js
- search.js
- selection-bar.js
- sort-btn.js
- sort-dir-btn.js
- action.js
- context-menu.js
- end-of-list.js
- export-btn.js
- footer-bar.js
- footer.js
- header.js
- index.js
- infinite-list.js
- intersection-observer.js
- minimize-btn.js
- README.md
- selection-btn.js
- selection-summary.js
- settings-btn.js
- element.js
- index.js
- README.md
- bind-presenters.js
- index.js
- item.js
- README.md
- screenshot.png
- util.js
- controller.js
- index.js
- README.md
- style.js
- types.js
- controller-menu.js
- controller.js
- expander-toggle.js
- fullscreen-btn.js
- index.js
- README.md
- toolbar.js
- index.js
- README.md
- style.less
- view.js
- csv.js
- iframe.js
- image.js
- json.js
- text.js
- index.js
- README.md
- index.js
- result.js
- index.js
- README.md
- screenshot.gif
- toolbar.js
- _base.js
- badges.js
- index.js
- manila.js
- pill-bar.js
- index.js
- README.md
- tab.js
- tabs.js
- util.js
- index.js
- README.md
- skipper.js
- index.js
- progress-notif.js
- realtime-users.js
- sync-path.js
- sync.js
- view-socket.js
- view.js
- views.js
- client.js
- index.js
- sync.js
- view.js
- views.js
- README.md
- Between.js
- Clause.js
- FindInSet.js
- FullText.js
- Group.js
- index.js
- IsEmpty.js
- JsonContains.js
- JsonMergePatch.js
- JsonSearch.js
- Like.js
- NotEmpty.js
- README.md
- UnsafeSQL.js
- util.js
- Value.js
- Dockerfile
- index.js
- util.js
- findForeignKeyConstraints.js
- README.md
- filemanager.md
- model.md
- audio.js
- epub.js
- office.js
- psd.js
- spawn.js
- video.js
- createTableSql.js
- fileObjectFromPath.js
- manager.js
- pdf.js
- index.js
- index.js
- model-findWhereTerm.js
- README.md
- type.js
- wordcount.js
- avatar.js
- model.js
- globalTemplateLiteral.js
- pdfToImg.js
- removeDir.js
- requireNonJS.js
- task-queue.js
- api.js
- app.js
- auth.js
- db.js
- errors.js
- fileManager.js
- model-pre-query.js
- model.js
- README.md
- related.js
- spa.js
- colors-blackstone-products.less
- colors-brand.less
- colors-material.less
- colors.less
- font-inter-italic.var.woff2
- font-inter-local.less
- font-inter-roman.var.woff2
- font-inter.less
- font-mono.less
- index.less
- print.less
- pwa.less
- reset.less
- theme.less
- get-subscription.js
- on-app-updated.js
- push-subscriptions-view.js
- push-subscriptions.js
- consts.js
- create-notif.js
- index.js
- push-msg-tables.sql
- push-msg.js
- push-subscriptions.js
- cacheable-api.js
- README.md
- util.js
- camera.js
- index.js
- parsers.js
- README.md
- client-selector.js
- index.js
- states.js
- util.js
- groupedData.js
- groupedModel.js
- groups.js
- README.md
- combined.xml
- onix.xml
- ONIX_for_Books_Format_Specification_3.0.8.pdf
- single.xml
- _elements.js
- codelists36.js
- codelists67.js
- elements-2.1.js
- elements-3.0.js
- elements-header.js
- index.js
- onix-array.js
- onix.js
- parse.js
- product-model.js
- README.md
- util.js
- index.js
- README.md
- ymodem.js
- address.js
- ajax.js
- array.chunk.js
- array.dedupe.js
- array.groupBy.js
- array.move.js
- clipboard.js
- collmap.js
- color-scheme.js
- color-shift.js
- colorize-favicon.js
- copyText.js
- createHash.js
- csvSplit.js
- csvToArray.js
- dataUrlToBlob.js
- debounce.js
- device.js
- diffObject.js
- download.js
- downloadToFileSystem.js
- enhancedArray.js
- file.ext.js
- filename.js
- fillTokens.js
- fs.js
- groupedData.js
- hidDevice.js
- htmlCleaner.js
- idleDetector.js
- idPath.js
- imgToDataUrl.js
- index.js
- makeDraggable.js
- math.js
- mediaQueries.js
- mobileAsyncFocus.js
- mouse.js
- network.js
- nfc.js
- normalizeText.js
- numToAlpha.js
- omit.js
- ordinalIndicator.js
- overscroll.js
- palette.js
- parseCommentDocs.js
- pick.js
- plural.js
- promise-array.js
- promise.series.js
- range.js
- rangeOfDates.js
- readFile.js
- README.md
- resizeImg.js
- serialComma.js
- shellExec.js
- socialLink.js
- sortString.js
- store.js
- string.js
- sum.js
- throttle.js
- time.js
- toCSV.js
- touch-events.js
- toXLSX.js
- uniq.js
- usbPrinter.js
- vibrate.js
- videoScreenshot.js
- wait.js
- whitelist.js
- window.open.js
- .gitignore
- .npmignore
- .parcelrc
- CHANGELOG.md
- CNAME
- generate-all-material-icons.js
- index.js
- logo.png
- package-lock.json
- package.json
- preview.jpg
- README.md
- update-github-pages.sh
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/kjantzer/bui
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd bui
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Docker
쉬움 추천사전 준비물
- Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
- Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.
⚠️ 이 프로젝트는 규모가 큰 저장소라, 이 방법이 실제 핵심 제품이 아니라 내부 하위 패키지를 가리키는 것일 수 있습니다. README 전체를 함께 확인해보세요.
docker build -f server/db/sync/Dockerfile -t bui .
Dockerfile을 기반으로 실행 가능한 이미지를 빌드합니다.
docker run -p 8080:80 bui
빌드된 이미지를 실제 컨테이너로 실행합니다.
터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.
3. Node.js
쉬움사전 준비물
npm install https://github.com/kjantzer/bui.git --save
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
$ npm install -g parcel-bundler
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
$ npm install
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
$ npm start
개발/실행 서버를 켭니다.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
// repository documentation
Was this content helpful?
(0 ratings)
