feat(master, ui): mongodb, graphql, apollo 추가

[cest-tout]

• mongodb와 graphql의 연동을 위한 코드 추가
• graphql과 vue의 연동을 위한 apollo 코드 추가
• Vue Component에 적용은 하지 않음
  • Vuex도 추가해야할지 고민

[fpnuseis]

slack으로 알려주신거처럼 외부에서도 접속할 수 있게 부탁드립니다. browser test용 PC가 구동용 PC랑 달라서요.

[fpnuseis]

fetchPolicy 관련해서.. https://www.apollographql.com/docs/react/api/react-apollo/ 위 링크에(react-apollo라서 다르긴하겠지만)

export default graphql(gql`query { ... }`, {
  options: { fetchPolicy: 'cache-and-network' },
})(MyComponent);

이런 example이 있는데, cache-first 같은 옵션을 우리가 정의한 gql query에 따라 적용할 수 있는지 더 찾아보고 가능하다면 적용할 시에 좋을 것 같네요.

[cest-tout]

slack으로 알려주신거처럼 외부에서도 접속할 수 있게 부탁드립니다. browser test용 PC가 구동용 PC랑 달라서요.

webpack-dev-server ip로 접속하는 방법 링크 남깁니다. https://github.com/webpack/webpack-dev-server/issues/147

그런데 Windows에서 0.0.0.0으로 접속하면 안나옵니다. 이런 경우 localhost나 127.0.0.1로 바꿔서 접속해야합니다. ref: https://stackoverflow.com/questions/54890019/webpack-devserver-host-0-0-0-0-not-working-on-windows