mern-stack

(★ 79)

MERN Stack with Docker - MongoDB - Express - React - Redux - React Native - NodeJs

파일 탐색기

최종 버전 다운로드 (.zip)
  • .dockerignore
  • .env.example
  • .gitignore
  • _config.yml
  • docker-compose.local.yml
  • docker-compose.prod.yml
  • docker-compose.yml
  • LICENSE
  • package.json
  • prettier.config.js
  • README.md
  • start-helper.js
  • start.js
  • yarn.lock

# 설치 가이드

1. 코드 내려받기
git clone https://github.com/t-ho/mern-stack

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

cd mern-stack

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

2. Docker

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

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

docker-compose -f docker-compose.prod.yml --env-file ./.env.prod up -d

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

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

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

3. Gradle (Java/Kotlin)

보통
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • JDK (Java) Java/Kotlin 프로젝트를 빌드/실행하려면 필요합니다.
  • Gradle 레포에 포함된 gradlew(Gradle Wrapper)를 쓰면 Gradle을 따로 설치할 필요가 없습니다.
⚠️ 이 프로젝트는 규모가 큰 저장소라, 이 방법이 실제 핵심 제품이 아니라 내부 하위 패키지를 가리키는 것일 수 있습니다. README 전체를 함께 확인해보세요.
cd mobile/android/app

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

./gradlew build

Gradle로 빌드를 진행합니다.

✅ BUILD SUCCESSFUL 메시지가 뜨면 성공입니다. build/ 폴더에 결과물이 생성됩니다.

4. Node.js

쉬움
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.
yarn install

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

yarn start

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

yarn start # start server, client and mobile dev process

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

yarn run server:mobile # start server and mobile dev process

이 명령어를 터미널에 그대로 입력해 실행하세요.

yarn run server:client

이 명령어를 터미널에 그대로 입력해 실행하세요.

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

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

오늘의 추천 프로젝트

Understand-Anything ★ 80,004

감동을 주는 그래프보다 가르쳐주는 그래프가 더 좋습니다. 어떤 코드든 탐색하고, 검색하고, 질문할 수 있는 인터랙티브 지식 그래프로 변환하세요. Claude Co

TypeScript
opencv ★ 90,538

오픈 소스 컴퓨터 비전 라이브러리

C++
flutter ★ 178,564

Flutter는 모바일 및 그 이상의 플랫폼을 위한 아름다운 앱을 쉽고 빠르게 구축할 수 있게 해줍니다.

Dart
OpenCut ★ 85,372

CapCut의 오픈 소스 대안

TypeScript
weekly ★ 100,534

Tech Enthusiast Weekly, Published Every Friday
vue ★ 210,354

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

TypeScript
// repository documentation