components
UI components for documentation
파일 탐색기
- bug_report.md
- feature_request.md
- build.yml
- lint.yml
- PULL_REQUEST_TEMPLATE.md
- pre-commit
- settings.json
- main.ts
- preview.tsx
- tailwind.css
- theme-sync.tsx
- no-universal-has-css.grit
- no-universal-has.grit
- accordion-cover.tsx
- accordion-group.tsx
- accordion-url-utils.ts
- accordion.stories.tsx
- accordion.tsx
- index.ts
- badge.stories.tsx
- badge.tsx
- index.ts
- callout.stories.tsx
- callout.tsx
- index.ts
- card.stories.tsx
- card.tsx
- index.ts
- base-code-block.tsx
- code-block.stories.tsx
- code-block.tsx
- code-footer.tsx
- code-header.tsx
- copy-button.tsx
- index.tsx
- story-utils.ts
- code-group-select.stories.tsx
- code-group-select.tsx
- code-group.stories.tsx
- code-group.tsx
- code-select-dropdown.tsx
- code-snippet.tsx
- dropdown.tsx
- index.ts
- language-dropdown.tsx
- language-icon.tsx
- color.stories.tsx
- color.tsx
- constants.ts
- index.ts
- columns.stories.tsx
- columns.tsx
- constants.ts
- index.ts
- expandable.stories.tsx
- expandable.tsx
- index.ts
- frame.stories.tsx
- frame.tsx
- index.ts
- cat.svg
- icon.stories.tsx
- icon.tsx
- index.ts
- index.ts
- mermaid.stories.tsx
- mermaid.tsx
- use-pan-zoom.ts
- zoom-controls.tsx
- index.ts
- panel.tsx
- index.tsx
- param-head.tsx
- pills.tsx
- property.stories.tsx
- property.tsx
- button.tsx
- index.ts
- provider.tsx
- search.stories.tsx
- search.tsx
- constants.ts
- index.ts
- steps.stories.tsx
- steps.tsx
- index.ts
- tabs.stories.tsx
- tabs.tsx
- index.ts
- tile.stories.tsx
- tile.tsx
- index.ts
- tooltip.stories.tsx
- tooltip.tsx
- context.tsx
- file.tsx
- folder.tsx
- index.ts
- root.tsx
- tree-level-context.ts
- tree.stories.tsx
- use-tree-level.ts
- utils.ts
- index.ts
- update.stories.tsx
- update.tsx
- index.ts
- view.tsx
- index.ts
- brands.ts
- index.ts
- selectors.ts
- index.ts
- use-expandable-memory.ts
- use-expandable.ts
- use-get-shiki-highlighted-html.ts
- use-has-hover.ts
- use-is-dark-theme.ts
- use-isomorphic-layout-effect.ts
- index.tsx
- bg-grid.ts
- scrollbar.ts
- code-styling.ts
- constants.ts
- get-code-styling.ts
- get-shiki-background-colors.ts
- index.ts
- lib.ts
- shiki-themes.ts
- snippet-presets.ts
- worker-client.ts
- worker.js
- cn.ts
- copy-to-clipboard.ts
- dedent.ts
- enhance-video-props.ts
- get-node-text.ts
- icon-utils.ts
- is-absolute-url.ts
- is-remote-url.ts
- make-marker-ids-unique.ts
- render-as-child.ts
- slugify.ts
- code.css
- index.ts
- styles.css
- twoslash.css
- .gitignore
- biome.jsonc
- package.json
- postcss.config.js
- README.md
- tsconfig.build.json
- tsconfig.json
- vite.config.ts
- .gitignore
- CHANGELOG.md
- CONTRIBUTING.md
- DEVELOPMENT.md
- LICENSE
- package.json
- pnpm-lock.yaml
- pnpm-workspace.yaml
- README.md
- tsconfig.json
# CDN으로 사용하기
jsDelivrjsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.
명령어 용어집
이 문서에서 사용된 명령어를 모아봤습니다. 낯선 명령어가 있다면 펼쳐서 확인해보세요.
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`:
pnpm
설명 보기 ▼
pnpm
빠르고, 디스크 공간 효율적인 Node.js용 패키지 관리자.
Node.js 프로젝트 및 해당 모듈 의존성 관리.
더 많은 정보: <https://pnpm.io/pnpm-cli>.
pnpm init
`package.json` 파일 생성:
pnpm {{[i|install]}}
`package.json`에 의존성으로 나열된 모든 패키지를 다운로드:
pnpm add {{module_name}}@{{version}}
특정 버전의 패키지를 다운로드하여 `package.json`의 의존성 목록에 추가:
yarn
설명 보기 ▼
yarn
JavaScript 및 Node.js 패키지 대체 관리자.
더 많은 정보: <https://yarnpkg.com/cli>.
yarn global add {{module_name}}
전역적으로 모듈 설치:
yarn install
`package.json` 파일에 참조된 모든 의존성을 설치 ( `install`은 선택 사항입니다):
yarn add {{module_name}}@{{version}}
모듈을 설치하고 `package.json` 파일에 대한 의존성으로 저장 (개발 전용 의존성으로 추가하려면 `--dev` 추가):