강동현

Merge branch 'develop' of http://khuhub.khu.ac.kr/2020105578/nodejs-game into develop

...@@ -14,7 +14,11 @@ export class Server { ...@@ -14,7 +14,11 @@ export class Server {
14 14
15 const app = express(); 15 const app = express();
16 const server = createServer(app); 16 const server = createServer(app);
17 - this.io = new socketIo.Server(server); 17 + this.io = new socketIo.Server(server, {
18 + cors: {
19 + origin: '*'
20 + }
21 + });
18 22
19 const roomManager = new RoomManager(); 23 const roomManager = new RoomManager();
20 24
......
...@@ -21,7 +21,7 @@ export const Login: React.FC = () => { ...@@ -21,7 +21,7 @@ export const Login: React.FC = () => {
21 console.error('login error!'); // TODO: 팝업 에러? 21 console.error('login error!'); // TODO: 팝업 에러?
22 } 22 }
23 }); 23 });
24 - }, []); 24 + }, [username]);
25 25
26 return ( 26 return (
27 <Main> 27 <Main>
......
1 import React, { useCallback, useContext, useEffect, useState } from 'react'; 1 import React, { useCallback, useContext, useEffect, useState } from 'react';
2 +import { useHistory } from 'react-router';
2 import { Main } from '../components/common/Main'; 3 import { Main } from '../components/common/Main';
3 import { MessageResponse, MessageType, RawMessage } from '../components/common/types'; 4 import { MessageResponse, MessageType, RawMessage } from '../components/common/types';
4 import { RoomBlock } from '../components/rooms/RoomBlock'; 5 import { RoomBlock } from '../components/rooms/RoomBlock';
...@@ -6,6 +7,7 @@ import { Room } from '../components/rooms/types'; ...@@ -6,6 +7,7 @@ import { Room } from '../components/rooms/types';
6 import SocketContext from '../contexts/SocketContext'; 7 import SocketContext from '../contexts/SocketContext';
7 8
8 export const Rooms: React.FC = () => { 9 export const Rooms: React.FC = () => {
10 + const history = useHistory();
9 const socket = useContext(SocketContext); 11 const socket = useContext(SocketContext);
10 const [ rooms, setRooms ] = useState<Room[]>([]); 12 const [ rooms, setRooms ] = useState<Room[]>([]);
11 13
...@@ -18,9 +20,8 @@ export const Rooms: React.FC = () => { ...@@ -18,9 +20,8 @@ export const Rooms: React.FC = () => {
18 if (response.ok) { 20 if (response.ok) {
19 setRooms(response.result!); 21 setRooms(response.result!);
20 } else { 22 } else {
21 - // TODO: 에러 핸들링 23 + // 로그인하지 않고 방 목록으로 왔다고 판단
22 - console.log("방 목록을 수신하지 못함"); 24 + history.push('/');
23 - console.log(response);
24 } 25 }
25 }); 26 });
26 }, []); 27 }, []);
......