tts-fe

(★ 20)

A platform where students can experiment with the possible combination of schedule options they can pick at the start of the semester

파일 탐색기

  • .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으로 사용하기

jsDelivr

jsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.

명령어 용어집

이 문서에서 사용된 명령어를 모아봤습니다. 낯선 명령어가 있다면 펼쳐서 확인해보세요.

🔍

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

설명 보기 ▼

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

설명 보기 ▼

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

설명 보기 ▼

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 프로젝트 생성합니다.
자바스크립트 프로젝트를 빌드하는 데 사용됩니다.
사용 가능한 템플릿: 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`을 사용한 설정:

// repository documentation