django-react-boilerplate

(★ 2,268)

Django 5, React, Tailwind 4 with Python 3 and Webpack project boilerplate

파일 탐색기

  • .dockerignore
  • .editorconfig
  • .gitignore
  • .npmrc
  • .pre-commit-config.yaml
  • .prettierignore
  • .prettierrc.js
  • .swcrc
  • CODE_OF_CONDUCT.md
  • CONTRIBUTING.md
  • docker-compose.yml
  • eslint.config.mjs
  • jest.config.js
  • jest.setup.js
  • LICENSE.txt
  • Makefile
  • openapi-ts.config.ts
  • package.json
  • pnpm-lock.yaml
  • postcss.config.mjs
  • proj_main.yml
  • pyproject.toml
  • README.md
  • render.yaml
  • render_build.sh
  • tsconfig.json
  • webpack.config.js

# CDN으로 사용하기

jsDelivr

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

명령어 용어집

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

🔍

django-admin

설명 보기 ▼

관리 작업을 위한 Django 유틸리티.
더 많은 정보: <https://docs.djangoproject.com/en/stable/ref/django-admin/>.

django-admin startproject {{project_name}}

새로운 Django 프로젝트를 생성:

django-admin startapp {{app_name}}

현재 프로젝트 내부에 새로운 애플리케이션 생성:

django-admin help {{command}}

입력한 명령어에 대해 더 많은 정보 표시:

🔍

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:

🔍

pip install

설명 보기 ▼

Install Python packages.

pip install {{package1 package2 ...}}

Install one or more packages:

pip install {{package1 package2 ...}} {{[-U|--upgrade]}}

Upgrade all specified packages to the latest version, installing any that are not already present:

pip install {{package}}=={{version}}

Install a specific version of a package:

🔍

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`의 의존성 목록에 추가:

🔍

poetry add

설명 보기 ▼

Add required packages to the `pyproject.toml` file in Poetry.
See also: `asdf`.

poetry add {{package_name}}

Add required packages:

poetry add {{package_name}} --group {{group_name}}

Add required packages to a specific group of dependencies:

poetry add {{package_name}}=={{version}}

Add a specific version of a package:

🔍

poetry install

설명 보기 ▼

Install all dependencies for a Python project as defined in the pyproject.toml file.

poetry install

Install dependencies:

poetry install --no-root

Skip installing the project itself as a dependency:

poetry install --without dev

Install only production dependencies:

🔍

poetry run

설명 보기 ▼

Run a command in the project's virtual environment.

poetry run {{command}}

Run a command inside the virtual environment:

poetry run {{command}} {{argument1 argument2 ...}}

Run a command with arguments:

poetry run {{script_name}}

Run a script defined in `pyproject.toml`:

🔍

pre-commit

설명 보기 ▼

커밋 전에 실행되는 Git 훅을 생성.
더 많은 정보: <https://pre-commit.com/#command-line-interface>.

pre-commit install

Git 훅에 pre-commit 설치:

pre-commit run

모든 스테이지된 파일에 pre-commit 훅 실행:

pre-commit run --all-files

스테이지 여부와 상관없이 모든 파일에 pre-commit 훅 실행:

🔍

redis-server

설명 보기 ▼

영구적인 키-값 데이터베이스.
더 많은 정보: <https://redis.io/tutorials/operate/redis-at-scale/talking-to-redis/configuring-a-redis-server/>.

redis-server

기본 포트(6379)를 사용하여 Redis 서버 시작 및 로그를 `stdout`으로 출력:

redis-server --daemonize yes

기본 포트를 사용하여 백그라운드 프로세스로 Redis 서버 시작:

redis-server --port {{port}} --daemonize yes

지정된 포트를 사용하여 백그라운드 프로세스로 Redis 서버 시작:

🔍

webpack

설명 보기 ▼

웹 프로젝트의 자바스크립트 파일과 기타 리소스를 단일 출력 파일로 묶어줍니다.
더 많은 정보: <https://webpack.js.org/api/cli/>.

webpack {{app.js}} {{bundle.js}}

진입점이 되는 파일에서 단일 출력 파일 생성:

webpack {{app.js}} {{bundle.js}} --module-bind '{{css=css}}'

자바스크립트 파일에서도 CSS 파일을 로드 (이 경우 CSS 파일에 CSS 로더를 사용합니다):

webpack {{[-c|--config]}} {{webpack.config.js}} --progress

구성 파일(예, 입력 스크립트 및 출력 파일 이름 포함)을 전달하고 컴파일 진행률을 표시:

# 프로젝트 배지

// repository documentation