tts-fe
A platform where students can experiment with the possible combination of schedule options they can pick at the start of the semester
파일 탐색기
- codeanalysis.yaml
- codeql.yaml
- deploy.yaml
- niployments.yaml
- release_version.yaml
- sentry.yaml
- CONTRIBUTING.md
- dependabot.yml
- pull_request_template.md
- android-chrome-192x192.png
- android-chrome-512x512.png
- apple-touch-icon.png
- favicon-16x16.png
- favicon-32x32.png
- favicon.ico
- manifest.json
- og-image.png
- robots.txt
- sitemap.xml
- index.d.ts
- authService.ts
- courseUnitEnrollmentService.ts
- exchangeRequestService.ts
- studentInfo.ts
- studentScheduleRequestService.ts
- backend.ts
- socket.ts
- storage.ts
- AdminRequestCardFooter.tsx
- ExchangeStatus.tsx
- MultipleStudentExchangeCard.tsx
- PageSizeSelector.tsx
- Person.tsx
- PersonExchanges.tsx
- RequestDate.tsx
- SingleStudentExchangeCard.tsx
- StudentEnrollmentCard.tsx
- TreatExchangeButton.tsx
- ValidateRequestButton.tsx
- AdminMarketplaceExchanges.tsx
- AdminPreviewSchedule.tsx
- AdminSendEmail.tsx
- MultipleStudentExchanges.tsx
- RequestFilters.tsx
- RequestStudentState.tsx
- SingleStudentExchanges.tsx
- StudentEnrollments.tsx
- AdminExchangeClasses.tsx
- AdminExchangeCourseSettings.tsx
- AdminExchangeCourseUnitSettings.tsx
- AdminExchangePeriodDeleteConfirmation.tsx
- AdminExchangePeriodForm.tsx
- AdminExchangePeriodTable.tsx
- AdminExchangeSettings.tsx
- AdminMainContent.tsx
- AdminMarketplaceExchangesCard.tsx
- AdminPagination.tsx
- AdminSidebar.tsx
- AdminStatisticsView.tsx
- HeaderProfileDropdown.tsx
- LoginButton.tsx
- StagingMode.tsx
- AlreadyEnrolledCourseUnitCard.tsx
- EnrollingCourseUnitCard.tsx
- Enrollments.tsx
- CreateRequestCard.tsx
- IncludeCourseUnitCard.tsx
- PreviewRequestCard.tsx
- ChooseIncludedCourseUnits.tsx
- CreateRequest.tsx
- CustomizeRequest.tsx
- ExchangeSubmissionConfirmation.tsx
- PreviewRequestForm.tsx
- RelatedExchanges.tsx
- CommonCardHeader.tsx
- CommonRequestCard.tsx
- ListRequestChanges.tsx
- MineRequestCard.tsx
- ReceivedRequestCard.tsx
- RequestCard.tsx
- RequestCardClassBadge.tsx
- RequestCardPendingMotive.tsx
- RequestCardStatus.tsx
- ViewRequestBadgeFilter.tsx
- ViewRequests.tsx
- ViewRequestsFilters.tsx
- ExchangeSchedule.tsx
- RefreshScheduleButton.tsx
- ExchangeVerifyStatus.tsx
- HeaderFaqs.tsx
- index.ts
- PlannerFaqs.tsx
- FeatureCards.tsx
- HeroPlanner.tsx
- index.ts
- ComingSoon.tsx
- DarkModeSwitch.tsx
- Footer.tsx
- Header.tsx
- index.tsx
- SidebarPosition.tsx
- DownloadSchedule.tsx
- index.ts
- PlannerSchedule.tsx
- PrintSchedule.tsx
- ToggleScheduleGrid.tsx
- ConflictsPopover.tsx
- index.ts
- InspectLessonBox.tsx
- LessonBox.tsx
- LessonPopover.tsx
- ResponsiveLessonBox.tsx
- ScheduleGrid.tsx
- SlotBox.tsx
- SlotBoxes.tsx
- ClassItem.tsx
- ClassSelector.tsx
- ClassSelectorDropdownController.tsx
- ExchangeClassSelector.tsx
- PlannerClassSelector.tsx
- ProfessorItem.tsx
- CopyOption.tsx
- fillOptions.ts
- index.ts
- PasteOption.tsx
- RandomFill.tsx
- ClearAllCoursesButton.tsx
- CourseYearTabs.tsx
- Ects.tsx
- index.ts
- MajorSearchCombobox.tsx
- PickedCourse.tsx
- PickedCoursesList.tsx
- CollabModal.tsx
- CollaborativeSession.tsx
- CollabPickSession.tsx
- CollabSessionModal.tsx
- CoursePicker.tsx
- CsvExport.tsx
- ExchangeCoursePicker.tsx
- Export.tsx
- index.ts
- NitSigExport.tsx
- PlannerCoursePicker.tsx
- Refresh.tsx
- CoursesController.tsx
- index.ts
- OptionsController.tsx
- SelectedOptionController.tsx
- SessionController.tsx
- Alert.tsx
- index.ts
- ResetDataModal.tsx
- Schedule.tsx
- ScheduleType.tsx
- Sidebar.tsx
- Consult.tsx
- Select.tsx
- Tidy.tsx
- Desert.tsx
- Facebook.tsx
- Github.tsx
- index.ts
- Instagram.tsx
- Linkedin.tsx
- Linktree.tsx
- NitSigIcon.tsx
- NoCourseSelected.tsx
- NoMajorSelected.tsx
- Twitter.tsx
- alert-dialog.tsx
- alert.tsx
- avatar.tsx
- badge.tsx
- button.tsx
- calendar.tsx
- card.tsx
- checkbox.tsx
- collapsible.tsx
- command.tsx
- datetime-picker.tsx
- DevMode.tsx
- dialog.tsx
- dropdown-menu.tsx
- form.tsx
- hover-card.tsx
- input.tsx
- label.tsx
- pagination.tsx
- popover.tsx
- scroll-area.tsx
- select.tsx
- separator.tsx
- sheet.tsx
- sidebar.tsx
- skeleton.tsx
- switch.tsx
- table.tsx
- tabs.tsx
- textarea.tsx
- toast.tsx
- toaster.tsx
- tooltip.tsx
- use-mobile.ts
- use-toast.ts
- FeedbackReport.tsx
- SEO.tsx
- local.json
- prod.json
- AdminPaginationContext.tsx
- RequestFiltersContext.tsx
- ClassSelectorContext.tsx
- CoursePickerContext.tsx
- CollabSessionContext.tsx
- CombinedProvider.tsx
- ConflictsContext.tsx
- CourseContext.tsx
- ExchangeRequestCommonContext.tsx
- MajorContext.tsx
- MultipleOptionsContext.tsx
- PreviewContext.tsx
- ScheduleContext.tsx
- SessionContext.tsx
- ThemeContext.tsx
- useAdminAllMarketplaceExchanges.tsx
- useAdminClasses.tsx
- useAdminExchangeCoursePeriods.tsx
- useAdminExchangeCourses.tsx
- useAdminExchangeCourseUnitPeriods.tsx
- useAdminExchangeStatistics.tsx
- useMultipleStudentExchanges.tsx
- useSingleStudentExchanges.tsx
- useStudentCourseMetadata.tsx
- useStudentEnrollments.tsx
- useStudentsSchedule.tsx
- useAcceptDirectExchange.tsx
- useCancelMarketplaceExchange.tsx
- useRelatedExchanges.tsx
- index.ts
- use-mobile.tsx
- useCollabSessions.ts
- useCourseUnitClasses.tsx
- useCourseUnits.tsx
- useDarkMode.tsx
- useDirectExchangeValidation.tsx
- useEligibleExchange.tsx
- useExchangeVerify.tsx
- useLocalStorage.ts
- useMarketplaceAcceptExchange.tsx
- useMarketplaceRequests.tsx
- useReceivedRequests.tsx
- useRequestCardCourseMetadata.tsx
- useSchedule.tsx
- useSentRequests.tsx
- useSession.tsx
- useShowGrid.tsx
- useStudentCourseUnits.tsx
- useStudentRefreshSchedule.tsx
- useVerifyCourseUnitHashes.tsx
- homepage1.png
- homepage2.jpg
- icon.png
- index.ts
- logo-dark.png
- logo-light.png
- logo-ni.png
- logo-ni2.png
- logo.svg
- ni-stamp-back.png
- ni-stamp-back.svg
- ni-stamp.png
- ni-stamp.svg
- old-new-schedule.jpg
- schedule-dark.png
- schedule-light.png
- select-new-schedule.jpg
- wait-new-schedule.jpg
- About.tsx
- Admin.tsx
- Exchange.tsx
- ExchangeVerifyPage.tsx
- Faqs.tsx
- index.ts
- NotFound.tsx
- PrivacyPolicy.tsx
- TimeTableSelector.tsx
- exchange.css
- safelist.txt
- schedule.css
- App.test.tsx
- reportWebVitals.ts
- setupTests.ts
- filters.ts
- AnalyticsTracker.ts
- date.ts
- error.ts
- exchange.ts
- human-time.ts
- index.ts
- mail.ts
- requests.ts
- app.css
- App.tsx
- declaration.d.ts
- index.tsx
- .dockerignore
- .env.example
- .gitignore
- .prettierignore
- .prettierrc
- 8
- build.sh
- components.json
- dev.sh
- docker-compose.yaml
- Dockerfile
- eslint.config.js
- index.html
- netlify.toml
- nginx.tts.conf
- package-lock.json
- package.json
- postcss.config.js
- prod.sh
- README.md
- tsconfig.json
- vite.config.ts
# CDN으로 사용하기
jsDelivrjsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.
명령어 용어집
이 문서에서 사용된 명령어를 모아봤습니다. 낯선 명령어가 있다면 펼쳐서 확인해보세요.
docker compose
설명 보기 ▼
docker compose
Run and manage multi container Docker applications.
docker compose ps
List all running containers:
docker compose up {{[-d|--detach]}}
Create and start all containers in the background using a `docker-compose.yml` file from the current directory:
docker compose up --build
Start all containers, rebuild if necessary:
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 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:
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`의 의존성 목록에 추가:
vite
설명 보기 ▼
vite
Vite 프로젝트 생성합니다.
자바스크립트 프로젝트를 빌드하는 데 사용됩니다.
사용 가능한 템플릿: vanilla, vanilla-ts, vue, vue-ts, react, react-ts, react-swc, react-swc-ts, preact, preact-ts, lit, lit-ts, svelte, svelte-ts.
더 많은 정보: <https://vite.dev/guide/>.
npm create vite@latest my-react-app --template react-ts
`npm` 6.x를 사용한 설정:
npm create vite@latest my-react-app -- --template react-ts
`npm` 7 이상을 사용한 설정, 추가 이중 대시가 필요:
yarn create vite my-react-app --template react-ts
`yarn`을 사용한 설정:
