react-cosmosdb
A sample application for tracking a list of favorite Heroes that uses React for the UI, Node.JS and Express for the API and Azure Cosmos DB for the database.
파일 탐색기
최종 버전 다운로드 (.zip)- ISSUE_TEMPLATE.md
- PULL_REQUEST_TEMPLATE.md
- favicon.ico
- index.html
- manifest.json
- environment-change-me.js
- index.js
- error.jade
- app.js
- hero-model.js
- hero-service.js
- mongo.js
- package-lock.json
- package.json
- server.js
- web.config
- EditHero.js
- Hero.js
- Heroes.js
- api.js
- App.css
- App.js
- App.test.js
- index.css
- index.js
- logo.svg
- registerServiceWorker.js
- .gitignore
- CHANGELOG.md
- CONTRIBUTING.md
- Dockerfile
- LICENSE.md
- package-lock.json
- package.json
- README.md
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/Azure-Samples/react-cosmosdb
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd react-cosmosdb
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Docker
쉬움 추천사전 준비물
- Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
- Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.
docker build -t react-cosmosdb .
Dockerfile을 기반으로 실행 가능한 이미지를 빌드합니다.
docker run -p 8080:80 react-cosmosdb
빌드된 이미지를 실제 컨테이너로 실행합니다.
터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.
3. Node.js
쉬움사전 준비물
cd react-cosmosdb && npm install
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
npm start
개발/실행 서버를 켭니다.
npm build
이 명령어를 터미널에 그대로 입력해 실행하세요.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
// repository documentation
Was this content helpful?
(0 ratings)