instagram-backend 1.( setup with apollo,graphql, bable )

jinyinshu·2022년 4월 20일
0

insta-backend

목록 보기
1/37

1.instagram-backend setup

  1. mkdir insta

  2. cd insta

  3. npm init -y

  4. code .

  5. Vscode 에서 extension으로 가서 gitignore 설치

  6. command palette(ctrl+shift+p)에서 gitignore 선택 node 선택
    ->.gitignore 파일 생김.

  7. README.MD 파일 create, 메모장 같은 용도

2.Apollo-server

https://github.com/apollographql/apollo-server
항상 공식문서를 참고하고 함꼐할것.

npm install apollo-server graphql

server.js

const { ApolloServer, gql } = require('apollo-server');

// The GraphQL schema
const typeDefs = gql`
  type Query {
    "A simple type for getting started!"
    hello: String
  }
`;

// A map of functions which return data for the schema.
const resolvers = {
  Query: {
    hello: () => 'world',
  },
};

const server = new ApolloServer({
  typeDefs,
  resolvers,
});

server.listen().then(() => {
  console.log("🚀 Server ready at http://localhost:4000/");
});

in package.json
"script":{
"dev":"node server.js"
}

npm i nodemon --save-dev
"scripts": {
"dev": "nodemon --exec node server.js"
},

3. babel

import aaaaaa from 'aaaaa' 문법을 사용하기 위한 세팅임.
"type": "module" ===>이것도 가능함

https://babeljs.io/
https://babeljs.io/setup#installation
babel : 자바스크립트 코드를 브라우저가 이해할 수 있는 코드로 변환해 줌.

npm install --save-dev @babel/core
npm install @babel/preset-env --save-dev
npm i @babel/node --save-dev

make babel.config.json
in
{
"presets": ["@babel/preset-env"]
}

in package.json
"dev" : "nodemon --exec ./node_modules/.bin/babel-node server.js"

profile
코딩하는초딩쌤

0개의 댓글