cookiecutter-django-vue-graphql-aws

(★ 278)

A highly opinionated Cookiecutter template that fuses together Django, Vue.js, GraphQL, and AWS into one full-stack web application.

파일 탐색기

최종 버전 다운로드 (.zip)
  • cookiecutter.json
  • LICENSE
  • README.md
  • requirements.txt

# 설치 가이드

1. 코드 내려받기
git clone https://github.com/grantmcconnaughey/cookiecutter-django-vue-graphql-aws

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

cd cookiecutter-django-vue-graphql-aws

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

2. Docker

쉬움 추천
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.
$ docker-compose up --build

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).
$ pip install cookiecutter

requirements.txt 등에 명시된 파이썬 라이브러리를 설치합니다.

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

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

5. Make

보통
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Make Linux/macOS는 보통 기본 설치되어 있습니다. Windows는 별도 설치(예: MSYS2, WSL)가 필요합니다.
cd {{cookiecutter.project_slug}}

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

make

생성된 빌드 설정을 바탕으로 실제 컴파일을 진행해 실행 파일을 만듭니다.

✅ 에러 없이 끝나면 성공입니다. 생성된 실행 파일을 직접 실행해보세요.

오늘의 추천 프로젝트

material-ui ★ 98,885

Material UI: 구글의 Material Design을 구현한 포괄적인 React 컴포넌트 라이브러리입니다. 평생 무료로 제공됩니다.

JavaScript
freeCodeCamp ★ 454,412

freeCodeCamp.org의 오픈소스 코드베이스와 커리큘럼입니다. 수학, 프로그래밍, 컴퓨터 과학을 무료로 배우세요.

TypeScript
create-react-app ★ 103,290

명령어 하나로 최신 웹 앱을 설정하세요.

JavaScript
ant-design ★ 99,135

기업용 UI 디자인 언어 및 React UI 라이브러리

TypeScript
vue ★ 210,354

이 저장소는 Vue 2를 위한 것입니다. Vue 3는 https://github.com/vuejs/core 를 방문하세요.

TypeScript
three.js ★ 114,653

자바스크립트 3D 라이브러리.

JavaScript
// repository documentation