next-devtools
Enhancement Next Developer Experience
파일 탐색기
- bug-report.yml
- documentation.yml
- feature-suggestion.yml
- help-wanted.yml
- settings.json
- index.tsx
- styles.module.css
- index.tsx
- styles.module.css
- background-beams.tsx
- card-hover-effect.tsx
- container-scroll-animation.tsx
- spotlight.tsx
- analytics.tsx
- logo.tsx
- _meta.json
- contributing.mdx
- features.mdx
- getting-started.mdx
- _app.tsx
- _meta.json
- home.tsx
- index.mdx
- playground.mdx
- styles.css
- assets.png
- components.png
- envs.png
- packages.png
- preview.png
- routes.png
- logo.svg
- cn.ts
- next-env.d.ts
- next.config.js
- package.json
- postcss.config.js
- README.md
- tailwind.config.js
- theme.config.tsx
- tsconfig.json
- next.svg
- vercel.svg
- favicon.ico
- globals.css
- layout.tsx
- page.module.css
- page.tsx
- .gitignore
- next.config.js
- package-lock.json
- package.json
- README.md
- tsconfig.json
- favicon.ico
- next.svg
- vercel.svg
- hello.ts
- _app.tsx
- _document.tsx
- index.tsx
- globals.css
- Home.module.css
- .gitignore
- next.config.js
- package.json
- README.md
- tsconfig.json
- cursor.svg
- ui-dark.webp
- ui-light.webp
- ui-system.webp
- uwu.webp
- vscode.png
- windsurf.svg
- index.tsx
- styles.scss
- background-line.tsx
- bento-grid.tsx
- globe.tsx
- marquee.tsx
- meteors.tsx
- retro-grid.tsx
- terminal.tsx
- testimonials.tsx
- fps-counter.tsx
- index.tsx
- memory-usage.tsx
- index.tsx
- styles.css
- accordion.tsx
- badge.tsx
- button.tsx
- card.tsx
- checkbox.tsx
- collapsible.tsx
- command.tsx
- dialog.tsx
- dropdown-menu.tsx
- input.tsx
- kbd.tsx
- label.tsx
- multiselect.tsx
- popover.tsx
- radio-group.tsx
- resizable.tsx
- scroll-area.tsx
- select.tsx
- separator.tsx
- sheet.tsx
- skeleton.tsx
- smooth-cursor.tsx
- sonner.tsx
- table.tsx
- tabs.tsx
- toast.tsx
- toaster.tsx
- toggle-group.tsx
- toggle.tsx
- tooltip.tsx
- use-toast.ts
- copy-to-clipboard.tsx
- line.tsx
- logo.tsx
- next-logo.tsx
- npm-version-check.tsx
- open-in-editor.tsx
- react-logo.tsx
- side-bar.tsx
- theme-provider.tsx
- theme-toggle.tsx
- use-connect.ts
- use-next-devtools-context.ts
- use-search-element.tsx
- client.tsx
- utils.ts
- all-assets.tsx
- page.tsx
- page.tsx
- all-components.tsx
- tag-component.tsx
- page.tsx
- all-envs.tsx
- react-json-view.css
- page.tsx
- columns.tsx
- data-table-column-header.tsx
- data-table-faceted-filter.tsx
- data-table-sheet-details.tsx
- data-table-toolbar.tsx
- data-table-view-options.tsx
- data-table.tsx
- sheet-details-content.tsx
- status.tsx
- page.tsx
- page.tsx
- all-packages.tsx
- package-item.tsx
- page.tsx
- all-routes.tsx
- current-route.tsx
- flow-controls.tsx
- flow-node.tsx
- flow-routes.css
- flow-routes.tsx
- page.tsx
- facebook-card.tsx
- google-card.tsx
- open-graph-table.tsx
- x-card.tsx
- page.tsx
- actions.tsx
- directory.tsx
- editor.tsx
- sidebar-collapsed.tsx
- theme.tsx
- toolbar-position.tsx
- ui-scale.tsx
- page.tsx
- terminal-view.tsx
- page.tsx
- error.tsx
- initial.tsx
- page.tsx
- provider.tsx
- internal.ts
- network.ts
- settings.ts
- terminal.ts
- globals.css
- main.ts
- routes.tsx
- vite-env.d.ts
- components.json
- index.html
- package.json
- tsconfig.json
- vite.config.ts
- assets.ts
- components.ts
- editor.ts
- envs.ts
- memory.ts
- network.ts
- npm.ts
- overview.ts
- packages.ts
- routes.ts
- seo.ts
- service.ts
- stores.ts
- terminal.ts
- resizable.tsx
- rpc.tsx
- use-internal-store.ts
- use-resizable.tsx
- use-settings-store.ts
- provider.client.tsx
- provider.server.tsx
- context.ts
- local.ts
- rpc.ts
- static.ts
- internal.ts
- network.ts
- settings.ts
- dirs.ts
- index.ts
- plugin.ts
- utils.ts
- package.json
- tsconfig.json
- index.ts
- features.ts
- index.ts
- internal.ts
- metadata.ts
- network.ts
- rpc.ts
- settings.ts
- diff.ts
- format.ts
- frame-message.ts
- helpers.ts
- index.ts
- package.json
- tsconfig.json
- banner.jpg
- file.svg
- globe.svg
- next.svg
- vercel.svg
- window.svg
- route.ts
- page.tsx
- GeistMonoVF.woff
- GeistVF.woff
- page.tsx
- page.tsx
- pokemon-details.tsx
- types.ts
- page.tsx
- page.tsx
- page.tsx
- page.tsx
- stripe.ts
- route.ts
- CheckoutForm.tsx
- CustomDonationInput.tsx
- ElementsForm.tsx
- PrintObject.tsx
- StripeTestCards.tsx
- error.tsx
- layout.tsx
- page.tsx
- page.tsx
- error.tsx
- layout.tsx
- page.tsx
- page.tsx
- error.tsx
- layout.tsx
- page.tsx
- page.tsx
- layout.tsx
- page.tsx
- README.md
- styles.css
- favicon.ico
- globals.css
- layout.tsx
- page.tsx
- breadcrumb.tsx
- button.tsx
- collapsible.tsx
- dialog.tsx
- dropdown-menu.tsx
- input.tsx
- popover.tsx
- separator.tsx
- sheet.tsx
- sidebar.tsx
- skeleton.tsx
- tooltip.tsx
- app-sidebar.tsx
- nav-actions.tsx
- nav-favorites.tsx
- nav-main.tsx
- nav-secondary.tsx
- nav-workspaces.tsx
- team-switcher.tsx
- index.ts
- use-mobile.tsx
- stripe.ts
- utils.ts
- get-stripejs.ts
- stripe-helpers.ts
- .env
- .env.development
- .env.development.local
- .env.production
- .env.production.local
- .gitignore
- components.json
- next-env.d.ts
- next.config.ts
- package.json
- postcss.config.mjs
- README.md
- tailwind.config.ts
- tsconfig.json
- settings.json
- favicon.ico
- file.svg
- globe.svg
- next.svg
- vercel.svg
- window.svg
- hello.ts
- GeistMonoVF.woff
- GeistVF.woff
- index.tsx
- _app.tsx
- _document.tsx
- index.tsx
- globals.css
- .env
- .env.development
- .env.development.local
- .env.local
- .env.production
- .env.production.local
- .gitignore
- next.config.mjs
- package.json
- postcss.config.mjs
- README.md
- tailwind.config.ts
- tsconfig.json
- .commitlintrc
- .czrc
- .editorconfig
- .gitignore
- .lintstagedrc
- .npmrc
- .release-it.json
- CHANGELOG.md
- eslint.config.js
- LICENSE
- package.json
- pnpm-lock.yaml
- pnpm-workspace.yaml
- README.md
- SECURITY.md
- tsconfig.json
- turbo.json
# CDN으로 사용하기
jsDelivrjsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.
명령어 용어집
이 문서에서 사용된 명령어를 모아봤습니다. 낯선 명령어가 있다면 펼쳐서 확인해보세요.
npm
설명 보기 ▼
npm
JavaScript 및 Node.js 패키지 관리자.
Node.js 프로젝트 및 모듈 의존성을 관리합니다.
더 많은 정보: <https://docs.npmjs.com/cli/npm/>.
npm init {{[-y|--yes]}}
기본값으로 `package.json` 파일 생성 (`--yes`를 생략하면 대화식으로 진행):
npm {{[i|install]}}
package.json에 의존성으로 나열된 모든 패키지를 다운로드:
npm {{[i|install]}} {{package_name}}@{{version}}
특정 버전의 패키지를 다운로드하고 `package.json`의 의존성 목록에 추가:
npx
설명 보기 ▼
npx
이 명령은 `npm exec`의 별칭입니다.
tldr npm exec
자세한 내용은 원본 명령을 참고하세요:
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`의 의존성 목록에 추가:
