cookiecutter-react-django

(★ 157)

From hello world to Heroku deployment, using separated Front and Back Ends

파일 탐색기

최종 버전 다운로드 (.zip)
  • .gitignore
  • .readthedocs.yaml
  • .travis.yml
  • _config.yml
  • CODE_OF_CONDUCT.md
  • cookiecutter.json
  • LICENSE
  • README.md
  • renovate.json
  • SECURITY.md
  • tasks.py

# 설치 가이드

1. 코드 내려받기
git clone https://github.com/ohduran/cookiecutter-react-django

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd cookiecutter-react-django

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Docker

쉬움 추천
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.
Now, on your terminal, simply do `docker-compose up --build`, and wait for the containers to build. Eventually, you'll be able to see the index page by going to [`http://127.0.0.1/`](http://127.0.0.1/):

compose 설정 파일에 정의된 서비스들을 대상으로 명령을 실행합니다.

✅ 터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

3. Node.js

쉬움
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.
⚠️ 이 프로젝트는 규모가 큰 저장소라, 이 방법이 실제 핵심 제품이 아니라 내부 하위 패키지를 가리키는 것일 수 있습니다. README 전체를 함께 확인해보세요.
cd {{cookiecutter.project_slug}}/frontend

이 프로젝트의 관련 파일이 하위 폴더 안에 있어서, 먼저 그 폴더로 이동합니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm start

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

4. Python

쉬움
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Python 3 설치 시 'Add Python to PATH' 옵션을 꼭 체크하세요 (Windows).
⚠️ 이 프로젝트는 규모가 큰 저장소라, 이 방법이 실제 핵심 제품이 아니라 내부 하위 패키지를 가리키는 것일 수 있습니다. README 전체를 함께 확인해보세요.
python <실행할 파일명>.py # README에서 정확한 실행 파일명을 확인하세요

파이썬 스크립트(또는 모듈)를 실행합니다.

✅ 에러 메시지 없이 실행되고 터미널에 안내 문구가 출력되면 정상입니다.

오늘의 추천 프로젝트

mall ★ 84,558

mall 프로젝트는 Spring Boot와 MyBatis를 기반으로 구현되고 Docker 컨테이너화 배포를 채택한 프론트엔드 쇼핑몰 시스템과 백엔드 관리 시스템을

Java
puppeteer ★ 95,481

Chrome 및 Firefox를 위한 JavaScript API

TypeScript
ghidra ★ 72,620

Ghidra는 소프트웨어 리버스 엔지니어링(SRE) 프레임워크입니다.

Java
SecLists ★ 72,972

SecLists는 보안 테스터의 동반자입니다. 보안 진단 중에 사용되는 다양한 유형의 목록을 한곳에 모아둔 모음집입니다. 목록 유형에는 사용자 이름, 비밀번호,

PHP
react ★ 247,532

웹 및 네이티브 사용자 인터페이스를 만들기 위한 라이브러리입니다.

JavaScript
vscode ★ 189,119

Visual Studio Code

TypeScript
// repository documentation