graphqldesigner.com

(★ 625)

A developer web-app tool to rapidly prototype a full stack implementation of GraphQL with React.

파일 탐색기

- 01-force-https.config
- https_rewrite.config
- - action-types.js
  - actions.js
- - app.css
  - app.jsx
- - generalReducers.js
  - index.js
  - queryReducers.js
  - schemaReducers.js
- index.jsx
- store.js
- - express.png
  - github-team.png
  - GitHub.png
  - githubicon.png
  - graphql.ico
  - graphql.png
  - graphql_wallpaper.png
  - Greg.jpg
  - In-R.png
  - In-TM.png
  - James.jpg
  - linkedin.png
  - Logo.svg
  - Patrick.jpg
  - react.png
  - relation1.png
  - relation2.png
  - Team-mascot.JPG
  - Tsion.jpg
  - wireframe.png
- index.html
- styles.css
- Screenshot-Code.png
- Screenshot-CodeUpdated.png
- Screenshot-Query.png
- Screenshot-Schema.png
- Screenshot-SchemaUpdated.png
- index.js
- - field.test.js
  - table.test.js
  - welcome.test.js
- - client_mutations.js
  - client_queries.js
  - create_client_root_index.js
  - create_component_index.js
  - create_component_style.js
  - create_indexhtml.js
  - create_packagejson.js
  - create_readme.js
  - create_webpack.js
  - express_server.js
  - graphql_server.js
  - mongo_schema.js
  - mysql_scripts.js
  - postgresql_scripts.js
  - sql_pool.js
.babelrc
.gitignore
.travis.yml
graphql.gif
LICENSE.md
package.json
README.md
webpack.config.js

1. 코드 내려받기

git clone https://github.com/GraphQL-Designer/graphqldesigner.com

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

cd graphqldesigner.com

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

쉬움 추천

사전 준비물

npm install

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

npm run pack

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

npm run server

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

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

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