CSS-Tags
HTML Tags for styling your page
파일 탐색기
- settings.local.json
- deploy.yml
- accessibility.css
- actions.css
- alert.css
- application-patterns.css
- badge.css
- box-extra.css
- box.css
- card.css
- carousel.css
- chip.css
- container.css
- content-patterns.css
- disclosure.css
- divider.css
- flex.css
- form-patterns.css
- form.css
- grid.css
- identity.css
- img-container.css
- img-container.js
- list.css
- loading.css
- masonry.css
- modal.css
- navigation-patterns.css
- navigation.css
- popover.css
- site-shell.css
- status.css
- table.css
- tabs.css
- tooltip.css
- tooltips.css
- view-transition.css
- base.css
- defaults.css
- engine.css
- mixins.css
- palette-accent.css
- palette-base.css
- palette-extended.css
- palette-feedback.css
- palette.css
- reset.css
- text.css
- theme.css
- tokens.css
- typography.css
- accessibility.md
- alert.md
- badge.md
- box-extra.md
- box.md
- card.md
- carousel.md
- container.md
- content-patterns.md
- disclosure.md
- divider.md
- element-patterns.md
- flex.md
- form.md
- grid.md
- img-container.md
- list.md
- loading.md
- masonry.md
- modal.md
- navigation.md
- popover.md
- site-shell.md
- status.md
- table.md
- tabs.md
- tooltip.md
- view-transition.md
- base.md
- defaults.md
- engine.md
- mixins.md
- palette.md
- reset.md
- text.md
- theme.md
- typography.md
- examples.md
- cms-markdown.md
- color-system.md
- common-footguns.md
- docs-site-library-reimplementation-plan.md
- graffiti-feature-implementation-plan.md
- graffiti-ui-elements-gap-analysis.md
- npm.md
- layout-extra.md
- layout-extras-helpers.md
- layout.md
- example-brand.md
- theme-packs.md
- utilities.md
- API.md
- carousel.js.md
- index.css.md
- issues.md
- review.md
- theming.md
- view-transition.js.md
- demo-auto-styling.html
- demo-beacon.html
- demo-color-scheme.html
- demo-components.html
- demo-content-patterns.html
- demo-controls.css
- demo-controls.js
- demo-element-patterns.html
- demo-fluid-type.html
- demo-landing-library-only.html
- demo-landing.html
- demo-navigation-patterns.html
- demo-navigation.js
- demo-palette-full.html
- demo-palette-layouts.html
- demo-site-shell.html
- demo-theme.html
- demo-typography.html
- demo.html
- demo2.html
- old.css.txt
- layout-extra.css
- layout-extras-helpers.css
- layout.css
- example-brand.css
- theme-packs.css
- css-tags.d.ts
- css-tags.type-test.tsx
- utilities.css
- extensions.json
- launch.json
- _headers
- favicon.svg
- styles.css
- sw.js
- houston.webp
- CTASection.astro
- FeatureCard.astro
- Features.astro
- Hero.astro
- ImageContainer.astro
- InstallTabs.astro
- LandingHeading.astro
- README.md
- TwoColumn.astro
- Accordion.astro
- Admonition.astro
- Aside.astro
- Badge.astro
- Breadcrumbs.astro
- Button.astro
- Card.astro
- Checkbox.astro
- ColorPaletteViewer.astro
- DialogExample.astro
- Figure.astro
- FormField.astro
- Header.astro
- HeadingAnchor.astro
- Input.astro
- KeyboardShortcuts.astro
- LiveExample.astro
- LoadingIndicator.astro
- MobileHeader.astro
- Navigation.astro
- PageExample.astro
- PageMeta.astro
- PrevNextNav.astro
- QuickExample.astro
- Radio.astro
- ScrollProgress.astro
- ScrollToTop.astro
- Search.astro
- Select.astro
- SidebarFooter.astro
- Table.astro
- Table.md
- TableOfContents.astro
- Tabs.astro
- TabsExample.astro
- Textarea.astro
- ThemeToggle.astro
- accessibility.mdx
- alert.mdx
- astro-components.md
- badge.mdx
- box-extra.md
- box.mdx
- card.mdx
- carousel.md
- container.md
- content-patterns.mdx
- disclosure.mdx
- divider.mdx
- element-patterns.mdx
- flex.mdx
- form.mdx
- grid.mdx
- identity.mdx
- img-container.md
- list.md
- loading.mdx
- masonry.md
- modal.mdx
- navigation.mdx
- popover.mdx
- site-shell.mdx
- status.mdx
- table.mdx
- tabs.mdx
- tooltip.md
- view-transition.md
- base.md
- defaults.md
- engine.md
- mixins.md
- palette.mdx
- reset.md
- text.md
- theme.md
- typography.mdx
- examples.mdx
- browser-support.md
- cms-markdown.mdx
- color-system.md
- common-footguns.md
- default-html.mdx
- getting-started.mdx
- graffiti-ui-elements-gap-analysis.md
- introduction.md
- npm.mdx
- philosophy.md
- theming.md
- typescript.md
- carousel.md
- view-transition.md
- layout-extra.md
- layout-extras-helpers.md
- layout.mdx
- api.md
- index-css.md
- example-brand.md
- theme-packs.md
- anchor-positioning.mdx
- borders.mdx
- colors.mdx
- effects.mdx
- interaction.mdx
- layout.mdx
- spacing.mdx
- typography.mdx
- utilities.mdx
- index.mdx
- issues.md
- review.md
- page-examples.ts
- standalone-examples.ts
- README.md
- strings.ts
- DocsLayout.astro
- LandingLayout.astro
- [demo].astro
- [...slug].astro
- index.astro
- remark-base-path.mjs
- css-tags-shadow.ts
- url.ts
- config.ts
- content.config.ts
- navigation.ts
- theme.css
- .gitignore
- astro.config.mjs
- COMPONENTS.md
- comprehensive-doc.md
- package-lock.json
- package.json
- README.md
- tsconfig.json
- extensions.json
- launch.json
- _headers
- favicon.svg
- styles.css
- sw.js
- card.png
- examples.png
- getting-started.png
- home.png
- palette.png
- card.png
- examples.png
- getting-started.png
- home.png
- palette.png
- card.png
- examples.png
- getting-started.png
- home.png
- palette.png
- README.md
- audit-build.mjs
- sync-content.mjs
- houston.webp
- CTASection.astro
- FeatureCard.astro
- Features.astro
- Hero.astro
- ImageContainer.astro
- InstallTabs.astro
- LandingHeading.astro
- README.md
- TwoColumn.astro
- Accordion.astro
- Admonition.astro
- Aside.astro
- Badge.astro
- Breadcrumbs.astro
- Button.astro
- Card.astro
- Checkbox.astro
- ColorPaletteViewer.astro
- CssVariableEditor.astro
- DialogExample.astro
- ExampleWorkbench.astro
- Figure.astro
- FormField.astro
- Header.astro
- HeadingAnchor.astro
- Input.astro
- KeyboardShortcuts.astro
- LiveExample.astro
- LoadingIndicator.astro
- MobileHeader.astro
- Navigation.astro
- NextBreadcrumbs.astro
- NextNavigation.astro
- NextPrevNavigation.astro
- NextSearch.astro
- NextThemeControl.astro
- NextThemeEditor.astro
- PageExample.astro
- PageMeta.astro
- PrevNextNav.astro
- QuickExample.astro
- Radio.astro
- ScrollProgress.astro
- ScrollToTop.astro
- Search.astro
- Select.astro
- SidebarFooter.astro
- Table.astro
- Table.md
- TableOfContents.astro
- Tabs.astro
- TabsExample.astro
- Textarea.astro
- ThemeToggle.astro
- accessibility.mdx
- alert.mdx
- astro-components.md
- badge.mdx
- box-extra.md
- box.mdx
- card.mdx
- carousel.md
- container.md
- content-patterns.mdx
- disclosure.mdx
- divider.mdx
- element-patterns.mdx
- flex.mdx
- form.mdx
- grid.mdx
- identity.mdx
- img-container.md
- list.md
- loading.mdx
- masonry.md
- modal.mdx
- navigation.mdx
- popover.mdx
- site-shell.mdx
- status.mdx
- table.mdx
- tabs.mdx
- tooltip.md
- view-transition.md
- base.md
- defaults.md
- engine.md
- mixins.md
- palette.mdx
- reset.md
- text.md
- theme.md
- typography.mdx
- examples.mdx
- browser-support.md
- cms-markdown.mdx
- color-system.md
- common-footguns.md
- default-html.mdx
- getting-started.mdx
- graffiti-ui-elements-gap-analysis.md
- introduction.md
- npm.mdx
- philosophy.md
- theming.md
- typescript.md
- carousel.md
- view-transition.md
- layout-extra.md
- layout-extras-helpers.md
- layout.mdx
- api.md
- index-css.md
- example-brand.md
- theme-packs.md
- anchor-positioning.mdx
- borders.mdx
- colors.mdx
- effects.mdx
- interaction.mdx
- layout.mdx
- spacing.mdx
- typography.mdx
- utilities.mdx
- index.mdx
- issues.md
- review.md
- examples.ts
- page-example-lessons.ts
- page-examples.ts
- standalone-examples.ts
- README.md
- strings.ts
- DocsLayout.astro
- LandingLayout.astro
- NextDocsLayout.astro
- [slug].astro
- site-shell.astro
- [demo].astro
- [slug].astro
- [...slug].astro
- index.astro
- remark-base-path.mjs
- clipboard.ts
- css-tags-shadow.ts
- css-variable-editor.ts
- theme-editor.ts
- docs-site.css
- url.ts
- config.ts
- content.config.ts
- navigation.ts
- theme.css
- .gitignore
- astro.config.mjs
- COMPONENTS.md
- comprehensive-doc.md
- LIBRARY-FEEDBACK.md
- package-lock.json
- package.json
- README.md
- tsconfig.json
- .gitignore
- .npmignore
- AGENTS.md
- API.md
- carousel.js
- index.css
- issues.md
- LICENSE
- package.json
- README.md
- review.md
- theme-generator.css
- todo.md
- view-transition.js
# CDN으로 사용하기
jsDelivrjsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.
명령어 용어집
이 문서에서 사용된 명령어를 모아봤습니다. 낯선 명령어가 있다면 펼쳐서 확인해보세요.
npm ci
설명 보기 ▼
npm ci
Clean install of `npm` project dependencies for automated environments.
Installs packages based on `package-lock.json` or `npm-shrinkwrap.json`.
npm ci
Install project dependencies from `package-lock.json` or `npm-shrinkwrap.json`:
npm ci --omit {{dev|optional|peer}}
Install project dependencies but skip the specified dependency type:
npm ci --ignore-scripts
Install project dependencies without running any pre-/post-scripts defined in `package.json`:
npm install
설명 보기 ▼
npm install
Install Node packages.
npm {{[i|install]}}
Install dependencies listed in `package.json`:
npm {{[i|install]}} {{package_name}}@{{version}}
Download a specific version of a package and add it to the list of dependencies in `package.json`:
npm {{[i|install]}} {{package_name}} {{[-D|--save-dev]}}
Download the latest version of a package and add it to the list of dev dependencies in `package.json`:
npm pack
설명 보기 ▼
npm pack
Create a tarball from a package.
npm pack
Create a tarball from the current package in the current directory:
npm pack {{path/to/package_directory}}
Create a tarball from a specific package folder:
npm pack --dry-run
Run a dry run to preview the tarball contents without creating it:
npm run
설명 보기 ▼
npm run
Run a script.
npm run
List available scripts:
npm run {{script_name}}
Run a script:
npm run {{script_name}} -- {{argument}} {{--option}}
Pass arguments to a script:
dialog
설명 보기 ▼
dialog
터미널에 대화상자를 표시.
관련 항목: `gum`, `whiptail`.
더 많은 정보: <https://manned.org/dialog>.
dialog --msgbox "{{Message}}" {{height}} {{width}}
메시지 표시:
dialog --inputbox "{{Enter text:}}" {{8}} {{40}} 2>{{output.txt}}
사용자에게 텍스트 입력 요청:
dialog --yesno "{{Continue?}}" {{7}} {{40}}
사용자에게 예/아니오 확인 요청:
