Piped
설계부터 효율적인, 사생활 보호에 친화적인 대안 YouTube 프론트엔드입니다.
파일 탐색기
- bug_report.yml
- config.yml
- feature_request.yml
- ci.yml
- codeql.yml
- deploy-azure.yml
- docker-build.yml
- ipfs-build.yml
- reviewdog.yml
- weblate-merge.yml
- FUNDING.yml
- entrypoint.sh
- nginx.conf
- android-chrome-192x192.png
- android-chrome-512x512.png
- android-chrome-maskable-192x192.png
- android-chrome-maskable-512x512.png
- apple-touch-icon-120x120.png
- apple-touch-icon-152x152.png
- apple-touch-icon-180x180.png
- apple-touch-icon-60x60.png
- apple-touch-icon-76x76.png
- apple-touch-icon.png
- favicon-16x16.png
- favicon-32x32.png
- logo.svg
- msapplication-icon-144x144.png
- mstile-150x150.png
- safari-pinned-tab.svg
- _redirects
- favicon.ico
- opensearch.xml
- robots.txt
- Button.vue
- Checkbox.vue
- ClearButton.vue
- PasswordToggle.vue
- PreferenceListbox.vue
- PreferenceNumberField.vue
- PreferenceRow.vue
- PreferenceSwitch.vue
- AddToGroupModal.vue
- ChannelItem.vue
- ChannelPage.vue
- ChaptersBar.vue
- ClipsPage.vue
- CollapsableText.vue
- CommentItem.vue
- ConfirmModal.vue
- ContentItem.vue
- CreateGroupModal.vue
- CreatePlaylistModal.vue
- CustomInstanceModal.vue
- ErrorHandler.vue
- ExportHistoryModal.vue
- FeedPage.vue
- FooterComponent.vue
- HistoryPage.vue
- ImportHistoryModal.vue
- ImportPage.vue
- LoadingIndicatorPage.vue
- LoginPage.vue
- ModalComponent.vue
- NavBar.vue
- PageNotFound.vue
- PlaylistAddModal.vue
- PlaylistItem.vue
- PlaylistPage.vue
- PlaylistsPage.vue
- PlaylistVideos.vue
- PreferencesPage.vue
- QrCode.vue
- RegisterPage.vue
- SearchResults.vue
- SearchSuggestions.vue
- ShareModal.vue
- SortingSelector.vue
- SubscriptionsPage.vue
- ToastComponent.vue
- TrendingPage.vue
- VideoItem.vue
- VideoPlayer.vue
- VideoRedirect.vue
- VideoThumbnail.vue
- WatchOnButton.vue
- WatchVideo.vue
- useApi.js
- useChannelGroups.js
- useConfig.js
- useCustomInstances.js
- useFormatting.js
- useMisc.js
- usePlaylists.js
- usePreferences.js
- useSubscriptions.js
- ang.json
- ar.json
- az.json
- be.json
- bg.json
- bn.json
- bs.json
- ca.json
- cs.json
- da.json
- de.json
- el.json
- en.json
- eo.json
- es.json
- et.json
- eu.json
- fa.json
- fi.json
- fr.json
- gl.json
- he.json
- hi.json
- hr.json
- hu.json
- hy.json
- id.json
- is.json
- it.json
- ja.json
- kab.json
- ko.json
- lt.json
- lv.json
- ml.json
- nb_NO.json
- nl.json
- oc.json
- or.json
- pl.json
- pt.json
- pt_BR.json
- pt_PT.json
- ro.json
- ru.json
- sc.json
- si.json
- sk.json
- sl.json
- sr.json
- sv.json
- ta.json
- th.json
- tr.json
- uk.json
- vi.json
- zh_Hans.json
- zh_Hant.json
- router.js
- de.json
- el.json
- en.json
- es.json
- fr.json
- it.json
- lt.json
- pl.json
- sk.json
- sr.json
- zh_Hant.json
- DashUtils.js
- firefoxMediaCapabilitiesFix.js
- HtmlUtils.js
- Misc.js
- app.css
- App.vue
- main.js
- registerServiceWorker.js
- .coderabbit.yaml
- .dockerignore
- .env
- .gitignore
- .prettierignore
- .prettierrc.json
- babel.config.js
- CODE_OF_CONDUCT.md
- Dockerfile
- Dockerfile.ci
- eslint.config.js
- index.html
- LICENSE
- localizefonts.sh
- package.json
- pnpm-lock.yaml
- pnpm-workspace.yaml
- README.md
- renovate.json
- sweep.yaml
- vercel.json
- vite.config.js
# 설치 가이드
node설치 및 실행 절차
pnpm install
프로젝트 의존성을 설치합니다.
pnpm dev
개발 서버를 실행하고 실시간 반영을 활성화합니다.
핵심 명령어
pnpm install
package.json에 명시된 패키지 의존성을 설치합니다.
pnpm dev
Vite 기반 개발 서버를 실행하여 브라우저에서 확인할 수 있게 합니다.
# CDN으로 사용하기
jsDelivrjsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.
명령어 용어집
이 문서에서 사용된 명령어를 모아봤습니다. 낯선 명령어가 있다면 펼쳐서 확인해보세요.
git add
설명 보기 ▼
git add
Stage changed files for a commit.
git add {{path/to/file}}
Stage a file for a commit:
git add {{[-A|--all]}}
Add all files (tracked and untracked):
git add .
Add all files recursively starting from the current folder:
git checkout
설명 보기 ▼
git checkout
Checkout a branch or paths to the working tree.
git checkout -b {{branch_name}}
Create and switch to a new branch:
git checkout -b {{branch_name}} {{reference}}
Create and switch to a new branch based on a specific reference (branch, remote/branch, tag are examples of valid references):
git checkout {{branch_name}}
Switch to an existing local branch:
git commit
설명 보기 ▼
git commit
Commit files to the repository.
git commit
Open an editor to write a message and commit staged files to the repository:
git commit {{[-m|--message]}} "{{message}}"
Commit staged files to the repository with the specified message:
git commit {{[-F|--file]}} {{path/to/commit_message_file}}
Commit staged files with a message read from a file:
git push
설명 보기 ▼
git push
Push commits to a remote repository.
git push
Send local changes in the current branch to its default remote counterpart:
git push {{remote_name}} {{local_branch}}
Send changes from a specific local branch to its remote counterpart:
git push {{[-u|--set-upstream]}} {{remote_name}} {{local_branch}}
Send changes from a specific local branch to its remote counterpart, and set the remote one as the default push/pull target of the local one:
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`의 의존성 목록에 추가:
