맹주환

Fix Server Settings and test importing JS modules.

......@@ -42,6 +42,7 @@ bower_components
build/Release
# Dependency directories
client/node_modules/
node_modules/
jspm_packages/
......
......@@ -3,14 +3,17 @@ import {useEffect} from "react";
import './App.css';
function App() {
console.log("ang");
const callApi = async () => {
axios.get("/api").then((res) => console.log(res.data.test));
axios.get("/test").then((res) => console.log(res.data.test));
};
useEffect(() => {
callApi();
}, []);
},);
return <div>test</div>;
return (<div>test</div>);
}
export default App;
\ No newline at end of file
......
......@@ -2,8 +2,10 @@ const proxy = require('http-proxy-middleware');
module.exports = function (app) {
app.use(
proxy.createProxyMiddleware('/api', {
target: 'http://localhost:5000/'
proxy.createProxyMiddleware('/', {
target: 'http://localhost:5000/',
changeOrigin : true
})
);
};
\ No newline at end of file
......
This diff is collapsed. Click to expand it.
......@@ -5,8 +5,13 @@
"start": "concurrently --kill-others-on-fail \"npm run server\" \"npm run client\""
},
"dependencies": {
"body-parser": "^1.19.0",
"concurrently": "^6.4.0",
"cors": "^2.8.5",
"express": "^4.17.1",
"nodemon": "^2.0.15"
"moment": "^2.29.1",
"moment-timezone": "^0.5.34",
"nodemon": "^2.0.15",
"request": "^2.88.2"
}
}
......
const express = require('express');
const router = express.Router();
const request = require('request');
const moment = require('moment');
require('moment-timezone');
......@@ -43,14 +45,20 @@ function get_base_time() // 시간 추출 함수
return time
}
request({
url: url + queryParams,
method: 'GET'
}, function (error, response, body) {
console.log('Status', response.statusCode);
console.log('Headers', JSON.stringify(response.headers));
console.log('Reponse received', body);
});
router.get("/", (req, res) =>{
request(
{url: url + queryParams,
method: 'GET',
},
(error, response, body) => {
console.log('Status', response.statusCode);
console.log('Headers', JSON.stringify(response.headers));
console.log('Reponse received', body);
}
);
});
module.exports = router;
//
// (사용 예)
......
const express = require("express");
const router = express.Router();
router.get("/", function (req, res, next) {
res.json([
{ id: 1, username: "VictorOladipo" },
{ id: 2, username: "RussellWstbrook" },
]);
});
module.exports = router;
\ No newline at end of file
// 서비스 제공을 위한 html 홈페이지를 express로 구현하기 (기본적인 뼈대)
var express = require('express')
var app = express(); // express 선언
const port = 10000 //임의의 포트 10000
// request 와 response 라는 인자를 줘서 콜백 함수를 만든다.
// localhost:port 브라우저에 res.sendFile() 내부의 파일이 띄워진다.
app.use(express.static(__dirname + "/html"));
app.get('/', function(req,res) {
res.sendFile(__dirname + "/html/index.html")
})
//임의의 포트 10000, 접속 주소 localhost:10000/
app.listen(port, function(){
console.log('서버 구동중 port : %d', port);
});
\ No newline at end of file
......@@ -2,8 +2,17 @@ const express = require('express');
const app = express();
const port = 5000;
const test = require('../router/test');
const weather = require('../router/Weather');
const user = require('../router/user');
const bodyParser = require('body-parser');
const cors = require('cors');
app.use(cors());
app.use("/test", test);
app.use("/weather", weather);
app.use("/user", user);
app.use(bodyParser.json());
app.use("/api", test);
app.listen(port, ()=> console.log('Server is running on :', port));
\ No newline at end of file
......