이정도면 프로토타입-1버전쯤 되지않을까

b1f21e41 · 18신대성 · 5487749b · 3189664a · b1f21e41 · b1f21e41
Commit b1f21e41 authored Jun 27, 2019 by 18신대성
20 changed files
--- a/.gitignore
+++ b/.gitignore
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# next.js build output
+.next
+
+# nuxt.js build output
+.nuxt
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
\ No newline at end of file
--- a/README.md
+++ b/README.md
+# sejong25
+
+## 필수
+1. nodejs 설치
+    - https://nodejs.org/en/download/
+2. npm
+    - nodejs를 설치하면 함께 설치됨
+    - `$ npm install npm -g` 하면 최신 버전으로 업데이트
+3. Dependency 모듈 설치
+    - `$ npm install`
+    - sejong25 디렉토리에서 콘솔을 열고 명령어 실행
+    - package.json과 package-lock.json을 참고하여 필요한 모듈들을 자동으로 설치해 줌
+
+## 서버 및 네트워킹
+```
+$node server.js
+```
+위 커맨드를 입력하면 서버가 실행됨  
+테스트가 하고 싶을 땐 서버를 실행하고 웹브라우저에서 `localhost` 또는 `127.0.0.1`로 접속하면 됨
\ No newline at end of file
--- a/assets/KKUTU_word.csv
+++ b/assets/KKUTU_word.csv
--- a/assets/inputFieldBackground.png
+++ b/assets/inputFieldBackground.png
--- a/assets/platform.png
+++ b/assets/platform.png
--- a/assets/platform2.png
+++ b/assets/platform2.png
--- a/assets/wordBackground.png
+++ b/assets/wordBackground.png
--- a/index.html
+++ b/index.html
 <!DOCTYPE html>
 <html>
 <head>
-    <script src="script/phaser.js"></script>
+    <meta charset="utf-8"/>
+    <script src="/socket.io/socket.io.js"></script>
+    <script src="js/phaser.js"></script>
+    <script src="js/Background.js"></script>
+    <script src="js/Input.js"></script>
+    <script src="js/WordSpace.js"></script>
+    <script src="js/WordObject.js"></script>
+    <script src="js/WordReader.js"></script>
 </head>
 <body>
-
-    <script>
-    var config = {
-        type: Phaser.AUTO,
-        width: 800,
-        height: 600,
-        physics: {
-            default: 'arcade',
-            arcade: {
-                gravity: { y: 200 }
-            }
-        },
-        scene: {
-            preload: preload,
-            create: create
-        }
-    };
-
-    var game = new Phaser.Game(config);
-
-    function preload ()
-    {
-        this.load.setBaseURL('http://labs.phaser.io');
-
-        this.load.image('sky', 'assets/skies/space3.png');
-        this.load.image('logo', 'assets/sprites/phaser3-logo.png');
-        this.load.image('red', 'assets/particles/red.png');
-    }
-
-    function create ()
-    {
-        this.add.image(400, 300, 'sky');
-
-        var particles = this.add.particles('red');
-
-        var emitter = particles.createEmitter({
-            speed: 100,
-            scale: { start: 1, end: 0 },
-            blendMode: 'ADD'
-        });
-
-        var logo = this.physics.add.image(400, 100, 'logo');
-
-        logo.setVelocity(100, 200);
-        logo.setBounce(1, 1);
-        logo.setCollideWorldBounds(true);
-
-        emitter.startFollow(logo);
-    }
-    </script>
-
+    <script src="js/Main.js"></script>
 </body>
 </html>
\ No newline at end of file
--- a/js/Background.js
+++ b/js/Background.js
+var BackGround = BackGround || {}
+
+BackGround.isImageLoaded = false;
+
+BackGround.brainGroup = null;
+
+BackGround.loadImage = function(scene)
+{
+    if (!this.isImageLoaded)
+    {
+        scene.load.image('brainGround0', 'assets/platform.png'); // horizontal
+        scene.load.image('brainGround1', 'assets/platform2.png'); // vertical
+    }
+}
+
+BackGround.drawBrain = function(scene)
+{
+    brains = scene.physics.add.staticGroup();
+
+    brains.create(400, 500, 'brainGround0').setScale(1.5).refreshBody();
+    brains.create(400, 100, 'brainGround0').setScale(1.5).refreshBody();
+    brains.create(100, 300, 'brainGround1').setScale(0.5).refreshBody();
+    brains.create(700, 300, 'brainGround1').setScale(0.5).refreshBody();
+
+    brains.immovable = true;
+
+    this.brainGroup = brains;
+}
\ No newline at end of file
--- a/js/CSVParsing.js
+++ b/js/CSVParsing.js
+var grade3Array = new Array();
+var grade2Array = new Array();
+var grade1Array = new Array();
+var grade0Array = new Array();
+
+function CSVParse($data) {
+    var allRows = $data.split('\n')
+    for(var singleRow = 0; singleRow < allRows.length; singleRow++)
+    {
+        var typing;
+        var grade;
+        typing = WordReader.getWordTyping(allRows[singleRow]);
+        grade = WordReader.getWordGrade(typing);
+
+        if(grade==3) {
+            grade3Array.push(allRows[singleRow]);
+        } else if(grade==2) {
+            grade2Array.push(allRows[singleRow]);
+        } else if(grade==1) {
+            grade1Array.push(allRows[singleRow]);
+        } else {
+            grade0Array.push(allRows[singleRow]);
+        }
+    }
+}
\ No newline at end of file
--- a/js/Input.js
+++ b/js/Input.js
+var Input = Input || {};
+
+Input.input = [];
+Input.convInput = ''; // converted input
+
+Input.isShifted = false;
+Input.pressCount = 0;
+Input.justPressed = '';
+
+Input.reset = function()
+{
+    Input.input = [];
+    Input.convInput = [];
+    Input.inputField.text.setText(Input.convInput);
+}
+
+// convert input to convInput
+Input.convert = function()
+{
+    // input -> krInput with vowels
+    let krInput = "";
+    let vowels = [];
+    for (let i = 0; i < this.input.length; i++)
+    {
+        // 쌍자음, Shift쓰는 모음 체크
+        if (this.input[i] < 0)
+        {
+            //console.log(-1 * this.input[i]);
+            switch(String.fromCharCode(-1 * this.input[i]))
+            {
+                case 'ㅂ': krInput += 'ㅃ'; break;
+                case 'ㅈ': krInput += 'ㅉ'; break;
+                case 'ㄷ': krInput += 'ㄸ'; break;
+                case 'ㄱ': krInput += 'ㄲ'; break;
+                case 'ㅅ': krInput += 'ㅆ'; break;
+                case 'ㅐ': krInput += 'ㅒ'; vowels.push(krInput.length - 1); break;
+                case 'ㅔ': krInput += 'ㅖ'; vowels.push(krInput.length - 1); break;
+                default: console.log("[ERR] 이상한 단어가 쌍자음으로 들어옴."); break;
+            }
+        }
+        // 모음쌍 체크
+        else if (this.input[i] >= 'ㅏ'.charCodeAt(0) && this.input[i + 1] >= 'ㅏ'.charCodeAt(0)) 
+        {
+            switch (String.fromCharCode(this.input[i]) + String.fromCharCode(this.input[i + 1]))
+            {
+                case 'ㅗㅏ': krInput += 'ㅘ'; vowels.push(krInput.length - 1); i++; break;
+                case 'ㅗㅐ': krInput += 'ㅙ'; vowels.push(krInput.length - 1); i++; break;
+                case 'ㅗㅣ': krInput += 'ㅚ'; vowels.push(krInput.length - 1); i++; break;
+                case 'ㅜㅓ': krInput += 'ㅝ'; vowels.push(krInput.length - 1); i++; break;
+                case 'ㅜㅔ': krInput += 'ㅞ'; vowels.push(krInput.length - 1); i++; break;
+                case 'ㅜㅣ': krInput += 'ㅟ'; vowels.push(krInput.length - 1); i++; break;
+                case 'ㅡㅣ': krInput += 'ㅢ'; vowels.push(krInput.length - 1); i++; break;
+                default: krInput += String.fromCharCode(this.input[i]); vowels.push(krInput.length - 1); break; // 모음쌍을 만들지 못함.
+            }
+        }
+        // 나머지 자음 및 남는 모음들
+        else
+        {
+            krInput += String.fromCharCode(this.input[i]);
+            if (this.input[i] >= 'ㅏ'.charCodeAt(0)) vowels.push(krInput.length - 1); // 모음일 경우
+        }
+    }
+    //console.log(vowels);
+
+    this.convInput = "";
+    let vowelIdx = 0;
+    if (vowelIdx === vowels.length) this.convInput = krInput; // 모음이 없을때
+    else // 모음이 존재할때
+    {
+        for (let i = 0; i <= vowels[vowelIdx] - 2; i++) this.convInput += krInput[i];
+        while (vowelIdx < vowels.length)
+        {
+            if (krInput[vowels[vowelIdx] - 1] >= 'ㅏ'.charCodeAt(0)) // 모음 앞에 모음이 있을때
+            {
+                this.convInput += krInput[vowels[vowelIdx]];
+                vowelIdx++;
+            }
+            else // 모음 앞에 자음이 있을때
+            {
+                var first = this.convertToFirst(krInput[vowels[vowelIdx] - 1]);
+                var middle = krInput[vowels[vowelIdx]];
+                var last = 0;
+                if (vowelIdx + 1 >= vowels.length) // 다음 모음이 없을때
+                {
+                    if (vowels[vowelIdx] + 1 < krInput.length) // 다음 자음이 존재할 때
+                    {
+                        if (vowels[vowelIdx] + 2 < krInput.length) // 다다음 자음이 존재할때
+                        {
+                            var combLast = this.combineLast(krInput[vowels[vowelIdx] + 1], krInput[vowels[vowelIdx] + 2]);
+                            if (combLast != null) // 뒤의 두 자음을 합칠수 있을 때
+                            {
+                                last = combLast;
+                                this.convInput += String.fromCharCode(this.convertToCharCode(first, middle, last));
+                                for (var i = vowels[vowelIdx] + 3; i < krInput.length; i++) this.convInput += krInput[i];
+                                vowelIdx++;
+                            }
+                            else // 뒤의 두 자음을 합칠수 없을때
+                            {
+                                last = this.convertToLast(krInput[vowels[vowelIdx] + 1]);
+                                this.convInput += String.fromCharCode(this.convertToCharCode(first, middle, last));
+                                for (var i = vowels[vowelIdx] + 2; i < krInput.length; i++) this.convInput += krInput[i];
+                                vowelIdx++;
+                            }
+                        }
+                        else // 다다음 자음이 없을때
+                        {
+                            last = this.convertToLast(krInput[vowels[vowelIdx] + 1]);
+                            this.convInput += String.fromCharCode(this.convertToCharCode(first, middle, last));
+                            vowelIdx++;
+                        }
+                    }
+                    else // 다음 글자가 없을때
+                    {
+                        this.convInput += String.fromCharCode(this.convertToCharCode(first, middle, last));
+                        vowelIdx++;
+                    }
+                }
+                else // 다음 모음이 있을때
+                {
+                    if (vowels[vowelIdx + 1] - vowels[vowelIdx] <= 2) // 다음 모음 사이에 자음이 0개거나 1개
+                    {
+                        this.convInput += String.fromCharCode(this.convertToCharCode(first, middle, last));
+                        vowelIdx++;
+                    }
+                    else if (vowels[vowelIdx + 1] - vowels[vowelIdx] === 3) // 다음 모음 사이에 자음이 2개
+                    {
+                        last = this.convertToLast(krInput[vowels[vowelIdx] + 1]);
+                        this.convInput += String.fromCharCode(this.convertToCharCode(first, middle, last));
+                        vowelIdx++;
+                    }
+                    else // 다음 모음 사이에 자음이 3개 이상
+                    {
+                        var combLast = this.combineLast(krInput[vowels[vowelIdx] + 1], krInput[vowels[vowelIdx] + 2]);
+                        if (combLast != null) // 뒤의 두 자음을 합칠수 있을 때
+                        {
+                            last = combLast;
+                            this.convInput += String.fromCharCode(this.convertToCharCode(first, middle, last));
+                            for (var i = vowels[vowelIdx] + 3; i < vowels[vowelIdx + 1] - 1; i++) this.convInput += krInput[i];
+                            vowelIdx++;
+                        }
+                        else // 뒤의 두 자음을 합칠수 없을때
+                        {
+                            last = this.convertToLast(krInput[vowels[vowelIdx] + 1]);
+                            this.convInput += String.fromCharCode(this.convertToCharCode(first, middle, last));
+                            for (var i = vowels[vowelIdx] + 2; i < vowels[vowelIdx + 1] - 1; i++) this.convInput += krInput[i];
+                            vowelIdx++;
+                        }   
+                    }
+                }
+            }
+        }
+    }
+    console.log('_____end_convert_____');
+}
+
+Input.convertToLast = function(word)
+{
+    let output = 0;
+    switch(word)
+    {
+        case 'ㄱ': output = 1; break;
+        case 'ㄲ': output = 2; break;
+        case 'ㄴ': output = 4; break;
+        case 'ㄷ': output = 7; break;
+        case 'ㄹ': output = 8; break;
+        case 'ㅁ': output = 16; break;
+        case 'ㅂ': output = 17; break;
+        case 'ㅅ': output = 19; break;
+        case 'ㅆ': output = 20; break;
+        case 'ㅇ': output = 21; break;
+        case 'ㅈ': output = 22; break;
+        case 'ㅊ': output = 23; break;
+        case 'ㅋ': output = 24; break;
+        case 'ㅌ': output = 25; break;
+        case 'ㅍ': output = 26; break;
+        case 'ㅎ': output = 27; break;
+        default: break;
+    }
+    return output;
+}
+
+Input.convertToCharCode = function(first, middle, last)
+{
+    // 'last' and 'first' must be code of last words
+    return 0xac00 + 28 * 21 * first + 28 * (middle.charCodeAt(0) - 'ㅏ'.charCodeAt(0)) + last;
+}
+
+Input.combineLast = function(left, right)
+{
+    if (right.charCodeAt(0) <= 'ㅎ'.charCodeAt(0))
+    {
+        let output = null;
+        switch(left + ',' + right)
+        {
+            case 'ㄱ,ㅅ': output = 3; break;
+            case 'ㄴ,ㅈ': output = 5; break;
+            case 'ㄴ,ㅎ': output = 6; break;
+            case 'ㄹ,ㄱ': output = 9; break;
+            case 'ㄹ,ㅁ': output = 10; break;
+            case 'ㄹ,ㅂ': output = 11; break;
+            case 'ㄹ,ㅅ': output = 12; break;
+            case 'ㄹ,ㅌ': output = 13; break;
+            case 'ㄹ,ㅍ': output = 14; break;
+            case 'ㄹ,ㅎ': output = 15; break;
+            case 'ㅂ,ㅅ': output = 18; break;
+            default: break;
+        }
+        return output;
+    }
+    else return null;
+}
+
+// 나중에 바꿀 계획 있음
+Input.convertToFirst = function(word)
+{
+    let output = 0;
+    switch(word)
+    {
+        case 'ㄱ': output = 0; break;
+        case 'ㄲ': output = 1; break;
+        case 'ㄴ': output = 2; break;
+        case 'ㄷ': output = 3; break;
+        case 'ㄸ': output = 4; break;
+        case 'ㄹ': output = 5; break;
+        case 'ㅁ': output = 6; break;
+        case 'ㅂ': output = 7; break;
+        case 'ㅃ': output = 8; break;
+        case 'ㅅ': output = 9; break;
+        case 'ㅆ': output = 10; break;
+        case 'ㅇ': output = 11; break;
+        case 'ㅈ': output = 12; break;
+        case 'ㅉ': output = 13; break;
+        case 'ㅊ': output = 14; break;
+        case 'ㅋ': output = 15; break;
+        case 'ㅌ': output = 16; break;
+        case 'ㅍ': output = 17; break;
+        case 'ㅎ': output = 18; break;
+        default: break;
+    }
+    return output;
+}
+
+Input.isEqual = function(inputWord, wordText) { return inputWord === wordText; }
+
+Input.checkProperInput = function(inputWord) { return inputWord === this.removeConVow(inputWord); }
+
+Input.removeConVow = function(_wordText)
+{
+    var tempStr = _wordText;
+    for(var i = 0; i < _wordText.length; i++)
+    {
+        var tempCharCode = _wordText.charCodeAt(i);
+        if(tempCharCode < 44032 || tempCharCode > 55203)
+            tempStr = tempStr.replace(String.fromCharCode(parseInt(tempCharCode.toString(16), 16)), '');
+    }
+    return tempStr;
+}
+
+Input.inputField = 
+{
+    generate: function(scene)
+    {
+        this.background = scene.add.sprite(400, 500, 'inputFieldBackground').setScale(0.2);
+        this.text = scene.add.text(400, 500, "안녕하세요", {font: '15pt 궁서'}).setOrigin(0.5, 0.5).setColor('#000000');
+
+        scene.input.keyboard.on('keyup', function() {Input.pressCount--; Input.justPressed = ''})
+        scene.input.keyboard.on('keydown-SHIFT', function() {Input.isShifted = true});
+        scene.input.keyboard.on('keyup-SHIFT', function() {Input.isShifted = false});
+        scene.input.keyboard.on('keydown-DELETE', function() {Input.reset()});
+        scene.input.keyboard.on('keydown-BACKSPACE', function()
+        {
+            if (Input.input.length > 0)
+            {
+                Input.input.pop();
+                Input.convert();
+                Input.inputField.text.setText(Input.convInput);
+            }
+        });
+        scene.input.keyboard.on('keydown-ENTER', function()
+        {
+            WordSpace.findWord(Input.convInput);
+            Input.reset();
+        });
+        // upside 10 keys
+        scene.input.keyboard.on('keydown-Q', function() {Input.pushInput('ㅂ')});
+        scene.input.keyboard.on('keydown-W', function() {Input.pushInput('ㅈ')});
+        scene.input.keyboard.on('keydown-E', function() {Input.pushInput('ㄷ')});
+        scene.input.keyboard.on('keydown-R', function() {Input.pushInput('ㄱ')});
+        scene.input.keyboard.on('keydown-T', function() {Input.pushInput('ㅅ')});
+        scene.input.keyboard.on('keydown-Y', function() {Input.pushInput('ㅛ')});
+        scene.input.keyboard.on('keydown-U', function() {Input.pushInput('ㅕ')});
+        scene.input.keyboard.on('keydown-I', function() {Input.pushInput('ㅑ')});
+        scene.input.keyboard.on('keydown-O', function() {Input.pushInput('ㅐ')});
+        scene.input.keyboard.on('keydown-P', function() {Input.pushInput('ㅔ')});
+        // middleside 9 keys
+        scene.input.keyboard.on('keydown-A', function() {Input.pushInput('ㅁ')});
+        scene.input.keyboard.on('keydown-S', function() {Input.pushInput('ㄴ')});
+        scene.input.keyboard.on('keydown-D', function() {Input.pushInput('ㅇ')});
+        scene.input.keyboard.on('keydown-F', function() {Input.pushInput('ㄹ')});
+        scene.input.keyboard.on('keydown-G', function() {Input.pushInput('ㅎ')});
+        scene.input.keyboard.on('keydown-H', function() {Input.pushInput('ㅗ')});
+        scene.input.keyboard.on('keydown-J', function() {Input.pushInput('ㅓ')});
+        scene.input.keyboard.on('keydown-K', function() {Input.pushInput('ㅏ')});
+        scene.input.keyboard.on('keydown-L', function() {Input.pushInput('ㅣ')});
+        // downside 7 keys
+        scene.input.keyboard.on('keydown-Z', function() {Input.pushInput('ㅋ')});
+        scene.input.keyboard.on('keydown-X', function() {Input.pushInput('ㅌ')});
+        scene.input.keyboard.on('keydown-C', function() {Input.pushInput('ㅊ')});
+        scene.input.keyboard.on('keydown-V', function() {Input.pushInput('ㅍ')});
+        scene.input.keyboard.on('keydown-B', function() {Input.pushInput('ㅠ')});
+        scene.input.keyboard.on('keydown-N', function() {Input.pushInput('ㅜ')});
+        scene.input.keyboard.on('keydown-M', function() {Input.pushInput('ㅡ')});
+    },
+    loadImage: function(scene)
+    {
+        scene.load.image('inputFieldBackground', 'assets/inputFieldBackground.png');
+    }
+}
+
+Input.pushInput = function(inputKey)
+{
+    if (this.justPressed != inputKey)
+    {
+        this.justPressed = inputKey;
+        let output;
+        if (Input.isShifted)
+        {
+            switch(inputKey)
+            {
+                case 'ㅂ': output = -1 * 'ㅂ'.charCodeAt(0); break;
+                case 'ㅈ': output = -1 * 'ㅈ'.charCodeAt(0); break;
+                case 'ㄷ': output = -1 * 'ㄷ'.charCodeAt(0); break;
+                case 'ㄱ': output = -1 * 'ㄱ'.charCodeAt(0); break;
+                case 'ㅅ': output = -1 * 'ㅅ'.charCodeAt(0); break;
+                case 'ㅐ': output = -1 * 'ㅐ'.charCodeAt(0); break;
+                case 'ㅔ': output = -1 * 'ㅔ'.charCodeAt(0); break;
+                default: output = inputKey.charCodeAt(0); break;
+            }
+        }
+        else output = inputKey.charCodeAt(0);
+        Input.input.push(output);
+        console.log(Input.input );
+        Input.convert();
+        Input.inputField.text.setText(Input.convInput);
+        this.pressCount++;
+    }
+}
\ No newline at end of file
--- a/js/WordObject.js
+++ b/js/WordObject.js
+class WordObject
+{
+    constructor(text)
+    {
+        this.generationCode = WordSpace.nextWordCode++;
+        this.wordText = text;
+        //this.wordText = Input.removeConVow(text);
+        this.wordTyping = WordReader.getWordTyping(this.wordText);
+        this.wordGrade = WordReader.getWordGrade(this.wordTyping);
+        this.wordWeight = (function(_wordGrade)
+        {
+            var temp = 0;
+            temp = _wordGrade == 3 ? 3 : 
+                _wordGrade == 2 ? 5 : 
+                _wordGrade == 1 ? 7 : 10;
+            return temp;
+        })(this.wordGrade);
+        WordSpace.totalWeight += this.wordWeight;
+        WordSpace.setGameOverTimer();
+        console.log("Total weight : " + WordSpace.totalWeight);
+        //console.log("wordTyping : " + this.wordTyping + '\n' + "wordGrade : " + this.wordGrade + '\n' + "wordWeight : " + this.wordWeight + '\n');
+        this.wordSpeed = 1;
+        //alert("wordTyping : " + this.wordTyping + '\n' + "wordGrade : " + this.wordGrade + '\n' + "wordWeight : " + this.wordWeight + '\n');
+    }
+
+    instantiate(scene)
+    {
+        var randomX = Phaser.Math.Between(100, 700);
+        this.physicsObj = scene.physics.add.sprite(randomX, 100, 'wordBackground').setScale(0.3);
+        this.physicsObj.body.bounce.set(0.5);
+        this.wordObj = scene.add.text(randomX, 100, this.wordText, {fontFamily: '"궁서", 궁서체, serif'}).setColor('#000000');
+        this.wordObj.setOrigin(0.5,0.5);
+    }
+
+    destroy()
+    {
+        console.log(this.generationCode + ': ' + this.wordText + ' destroyed');
+        this.wordObj.destroy();
+        const groupIdx = WordSpace.wordGroup.findIndex(function(item) {return this.isEqualObject(item.generationCode)}, this);
+        if (groupIdx > -1) WordSpace.wordGroup.splice(groupIdx, 1);
+        const forceIdx = WordSpace.wordForcedGroup.findIndex(function(item) {return this.isEqualObject(item.generationCode)}, this);
+        if (forceIdx > -1) WordSpace.wordForcedGroup.splice(forceIdx, 1);
+        WordSpace.wordPhysicsGroup.remove(this.physicsObj, true, true);
+    }
+
+    attract()
+    {
+        var dist = Phaser.Math.Distance.Between(this.physicsObj.x, this.physicsObj.y, WordSpace.gravityPoint.x, WordSpace.gravityPoint.y);
+        var angle = Phaser.Math.Angle.Between(this.physicsObj.x, this.physicsObj.y, WordSpace.gravityPoint.x, WordSpace.gravityPoint.y);
+        this.physicsObj.setVelocity(dist * Math.cos(angle) * this.wordSpeed, dist * Math.sin(angle) * this.wordSpeed);
+        this.wordObj.setPosition(this.physicsObj.x, this.physicsObj.y);
+    }
+
+    getWordWeight() { return this.wordWeight; }
+
+    isEqualObject(_generationCode) { return _generationCode === this.generationCode; }
+}
\ No newline at end of file
--- a/js/WordReader.js
+++ b/js/WordReader.js
+var WordReader = WordReader || {};
+
+//초성의 타수를 반환함
+function firstSound(charText)
+{
+    var r = parseInt(((charText.charCodeAt(0) - parseInt('0xac00',16)) /28) / 21);
+    //쌍자음일 경우
+    if(r === 1 || r === 4 || r === 8 || r === 10 || r === 13) return 1.3;
+    else return 1;
+}
+
+//중성의 타수를 반환함
+function middleSound(charText)
+{
+    var r = parseInt(((charText.charCodeAt(0)- parseInt('0xac00',16)) / 28) % 21);
+    //'ㅒ' 또는 'ㅖ'일 경우
+    if(r === 3 || r === 7) return 1.3;
+    //조합된 모음일 경우
+    else if(r === 9 || r === 10 || r === 11 || r === 14 || r === 15 || r === 16 || r === 19) return 2;
+    else return 1;
+}
+
+//종성의 타수를 반환함
+function lastSound(charText)
+{
+    var r = parseInt((charText.charCodeAt(0) - parseInt('0xac00',16)) % 28);
+    //쌍자음일 경우
+    if(r === 2 || r === 20) return 1.3;
+    //없을 경우
+    else if(r === 0) return 0;
+    //조합된 자음일 경우
+    else if(r === 3 || r === 5 || r === 6 || r === 9 || r === 10 || r === 11 || r === 12 || r === 13 || r === 14 || r === 15 || r === 18) return 2;
+    else return 1;
+}
+
+//입력 받은 단어의 타수를 반환함
+WordReader.getWordTyping = function(stringText)
+{
+    var temp = 0;
+    for(var i = 0; i < stringText.length; i++)
+    {
+        temp += parseFloat(firstSound(stringText.charAt(i))) + middleSound(stringText.charAt(i)) + lastSound(stringText.charAt(i));
+    }
+    return temp;
+}
+
+//입력 받은 단어의 등급을 반환함
+WordReader.getWordGrade = function(_wordTyping)
+{
+    return 2 <= _wordTyping && _wordTyping < 7 ? 3 :
+    7 <= _wordTyping && _wordTyping < 12 ? 2 : 
+    12 <= _wordTyping && _wordTyping < 17 ? 1 : 0;
+}
\ No newline at end of file
--- a/js/WordSpace.js
+++ b/js/WordSpace.js
+var WordSpace = WordSpace || {};
+
+WordSpace.isImageLoaded = false;
+
+WordSpace.nextWordCode = 0;
+WordSpace.totalWeight = 0; //현재 단어 무게 총합
+WordSpace.brainCapacity = 20; //수용 가능한 단어 무게 최대치
+WordSpace.defeatTime = 3000;
+WordSpace.gameOverTimer = null; //게임 오버 판정 타이머
+WordSpace.isTimerOn = false;
+
+WordSpace.wordGroup = [];
+WordSpace.wordForcedGroup = [];
+WordSpace.wordPhysicsGroup = null;
+
+WordSpace.gravityPoint = {x: 400, y: 300};
+
+WordSpace.attackGauge = 
+{
+    value: 0,
+    add: function(plus)
+    {
+        if (this.value + plus > 11) this.value = 11;
+        else this.value += plus;
+        this.text.setText('게이지: ' + this.value.toFixed(1));
+    },
+    sub: function(minus)
+    {
+        if (this.value - minus < 0) this.value = 0;
+        else this.value -= minus;
+        this.text.setText('게이지: ' + this.value.toFixed(1));
+    },
+    resetValue: function() {this.value = 0;},
+    cutValue: function(cutOut) {this.value *= (1-cutOut);},
+    resetCycle: function(scene)
+    {
+        var option = 
+        {
+            delay: 300,
+            callback: function()
+            {
+                WordSpace.attackGauge.sub(0.1);
+            },
+            loop: true
+        };
+        this.currentCycle = scene.time.addEvent(option);
+
+        this.text = scene.add.text(100,100,'게이지: ' + this.value.toFixed(1)).setColor('#ffffff');
+    },
+    pauseCycle: function(bool) {this.currentCycle.paused = bool;}
+    // showValue: 아래쪽에 바의 길이로 게이지 표시, 색으로 게이지의 강도 표현
+}
+
+WordSpace.wordCycle =
+{
+    currentCycle: null,
+    resetCycle: function(scene, _delay)
+    {
+        var option = 
+        {
+            delay: _delay,
+            callback: function()
+            {
+                WordSpace.generateWord(this)
+            },
+            callbackScope: scene,
+            loop: true
+        };
+        if (this.currentCycle != null)
+        {
+            this.currentCycle = this.currentCycle.reset(option);
+        }
+        else
+        {
+            this.currentCycle = scene.time.addEvent(option);
+        }
+    }
+}
+
+WordSpace.loadImage = function(scene)
+{
+    if (!this.isImageLoaded)
+    {
+        scene.load.image('wordBackground', 'assets/wordBackground.png');
+    }
+}
+
+WordSpace.generateWord = function(scene)
+{
+    word = new WordObject("솽젠커");
+    word.instantiate(scene);
+    WordSpace.wordGroup.push(word);
+    WordSpace.wordForcedGroup.push(word);
+    word.physicsObj.topObj = word;
+    scene.physics.add.collider(word.physicsObj, WordSpace.wordPhysicsGroup, function(object1) 
+    {
+        if (object1.topObj.wordSpeed > 0.5) object1.topObj.wordSpeed = 0.05;
+    });
+    scene.physics.add.collider(word.physicsObj, BackGround.brainGroup);
+    WordSpace.wordPhysicsGroup.add(word.physicsObj);
+}
+
+function gameOver()
+{
+    this.wordCycle.currentCycle.paused = true;
+    //To Do
+    console.log('defeat');
+}
+
+//게임 오버 판정을 위한 타이머
+WordSpace.setGameOverTimer = function()
+{
+    //만약 현재 단어 무게 총합이 뇌 용량보다 크다면 타이머를 시작함
+    if(this.brainCapacity < this.totalWeight && !this.isTimerOn)
+    {
+        this.gameOverTimer = setTimeout(gameOver.bind(this), this.defeatTime);
+        isTimerOn = true;
+    }
+}
+
+WordSpace.findWord = function(word)
+{
+    var found = WordSpace.wordGroup.find(function(element)
+    {
+        return Input.isEqual(word, element.wordText);
+    });
+    if (found != undefined)
+    {
+        switch(found.wordGrade) // 이부분 나중에 더 효율적으로 바꿀수있지 않을까
+        {
+            case 0: WordSpace.attackGauge.add(2.5); break;
+            case 1: WordSpace.attackGauge.add(1.5); break;
+            case 2: WordSpace.attackGauge.add(0.9); break;
+            case 3: WordSpace.attackGauge.add(0.5); break;
+            default: console.log('[ERR] wrong grade of word'); break;
+        }
+        found.destroy();
+    }
+}
\ No newline at end of file
--- a/js/main.js
+++ b/js/main.js
+var config = {
+    type: Phaser.AUTO,
+    width: 800,
+    height: 600,
+    physics: {
+        default: 'arcade',
+        arcade: {
+            debug: true
+        }
+    },
+    backgroundColor: Phaser.Display.Color.GetColor(0,0,0),
+    scene: {
+        preload: preload,
+        create: create,
+        update: update
+    }
+};
+
+var game = new Phaser.Game(config)
+
+// load assets
+function preload()
+{
+    BackGround.loadImage(this);
+    WordSpace.loadImage(this);
+    Input.inputField.loadImage(this);
+}
+
+function create()
+{
+    BackGround.drawBrain(this);
+    Input.inputField.generate(this);
+    WordSpace.wordPhysicsGroup = this.physics.add.group();
+    WordSpace.wordCycle.resetCycle(this, 2000);
+    WordSpace.attackGauge.resetCycle(this);
+}
+
+function update()
+{
+    WordSpace.wordForcedGroup.forEach(function(element)
+    {
+        element.attract();
+    });
+}
+
+var socket = io.connect();
+socket.on('hi', function(msg) {
+    console.log(msg);
+});
+socket.emit('hello');
\ No newline at end of file
--- a/script/phaser.js
+++ b/script/phaser.js
--- a/js/select.js
+++ b/js/select.js
+function selectstartWord()
+{
+    var i;
+    var grade3List = {};
+    var grade2List = {};
+    var grade1List = {};
+
+    for(i=0;i<5;i++)
+    {
+        grade3List[i] = Phaser.Utils.Array.GetRandom(CSVParsing.grade3Array);
+    }
+
+    for(i=0;i<4;i++)
+    {
+        grade2List[i] = Phaser.Utils.Array.GetRandom(CSVParsing.grade2Array);
+    }
+
+    grade1List[0] = Phaser.Utils.Array.GetRandom(CSVParsing.grade1Array);    
+}
\ No newline at end of file
--- a/package-lock.json
+++ b/package-lock.json
+{
+  "name": "sejong25",
+  "version": "1.0.0",
+  "lockfileVersion": 1,
+  "requires": true,
+  "dependencies": {
+    "accepts": {
+      "version": "1.3.7",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.7.tgz",
+      "integrity": "sha512-Il80Qs2WjYlJIBNzNkK6KYqlVMTbZLXgHx2oT0pU/fjRHyEp+PEfEPY0R3WCwAGVOtauxh1hOxNgIf5bv7dQpA==",
+      "requires": {
+        "mime-types": "~2.1.24",
+        "negotiator": "0.6.2"
+      }
+    },
+    "after": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/after/-/after-0.8.2.tgz",
+      "integrity": "sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8="
+    },
+    "array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI="
+    },
+    "arraybuffer.slice": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/arraybuffer.slice/-/arraybuffer.slice-0.0.7.tgz",
+      "integrity": "sha512-wGUIVQXuehL5TCqQun8OW81jGzAWycqzFF8lFp+GOM5BXLYj3bKNsYC4daB7n6XjCqxQA/qgTJ+8ANR3acjrog=="
+    },
+    "async-limiter": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.0.tgz",
+      "integrity": "sha512-jp/uFnooOiO+L211eZOoSyzpOITMXx1rBITauYykG3BRYPu8h0UcxsPNB04RR5vo4Tyz3+ay17tR6JVf9qzYWg=="
+    },
+    "backo2": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/backo2/-/backo2-1.0.2.tgz",
+      "integrity": "sha1-MasayLEpNjRj41s+u2n038+6eUc="
+    },
+    "base64-arraybuffer": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-0.1.5.tgz",
+      "integrity": "sha1-c5JncZI7Whl0etZmqlzUv5xunOg="
+    },
+    "base64id": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/base64id/-/base64id-1.0.0.tgz",
+      "integrity": "sha1-R2iMuZu2gE8OBtPnY7HDLlfY5rY="
+    },
+    "better-assert": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/better-assert/-/better-assert-1.0.2.tgz",
+      "integrity": "sha1-QIZrnhueC1W0gYlDEeaPr/rrxSI=",
+      "requires": {
+        "callsite": "1.0.0"
+      }
+    },
+    "blob": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/blob/-/blob-0.0.5.tgz",
+      "integrity": "sha512-gaqbzQPqOoamawKg0LGVd7SzLgXS+JH61oWprSLH+P+abTczqJbhTR8CmJ2u9/bUYNmHTGJx/UEmn6doAvvuig=="
+    },
+    "body-parser": {
+      "version": "1.19.0",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.0.tgz",
+      "integrity": "sha512-dhEPs72UPbDnAQJ9ZKMNTP6ptJaionhP5cBb541nXPlW60Jepo9RV/a4fX4XWW9CuFNK22krhrj1+rgzifNCsw==",
+      "requires": {
+        "bytes": "3.1.0",
+        "content-type": "~1.0.4",
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "http-errors": "1.7.2",
+        "iconv-lite": "0.4.24",
+        "on-finished": "~2.3.0",
+        "qs": "6.7.0",
+        "raw-body": "2.4.0",
+        "type-is": "~1.6.17"
+      }
+    },
+    "bytes": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz",
+      "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg=="
+    },
+    "callsite": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/callsite/-/callsite-1.0.0.tgz",
+      "integrity": "sha1-KAOY5dZkvXQDi28JBRU+borxvCA="
+    },
+    "component-bind": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/component-bind/-/component-bind-1.0.0.tgz",
+      "integrity": "sha1-AMYIq33Nk4l8AAllGx06jh5zu9E="
+    },
+    "component-emitter": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz",
+      "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY="
+    },
+    "component-inherit": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/component-inherit/-/component-inherit-0.0.3.tgz",
+      "integrity": "sha1-ZF/ErfWLcrZJ1crmUTVhnbJv8UM="
+    },
+    "content-disposition": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.3.tgz",
+      "integrity": "sha512-ExO0774ikEObIAEV9kDo50o+79VCUdEB6n6lzKgGwupcVeRlhrj3qGAfwq8G6uBJjkqLrhT0qEYFcWng8z1z0g==",
+      "requires": {
+        "safe-buffer": "5.1.2"
+      }
+    },
+    "content-type": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz",
+      "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA=="
+    },
+    "cookie": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.0.tgz",
+      "integrity": "sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg=="
+    },
+    "cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw="
+    },
+    "debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "requires": {
+        "ms": "2.0.0"
+      }
+    },
+    "depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak="
+    },
+    "destroy": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz",
+      "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA="
+    },
+    "ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0="
+    },
+    "encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k="
+    },
+    "engine.io": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-3.3.2.tgz",
+      "integrity": "sha512-AsaA9KG7cWPXWHp5FvHdDWY3AMWeZ8x+2pUVLcn71qE5AtAzgGbxuclOytygskw8XGmiQafTmnI9Bix3uihu2w==",
+      "requires": {
+        "accepts": "~1.3.4",
+        "base64id": "1.0.0",
+        "cookie": "0.3.1",
+        "debug": "~3.1.0",
+        "engine.io-parser": "~2.1.0",
+        "ws": "~6.1.0"
+      },
+      "dependencies": {
+        "cookie": {
+          "version": "0.3.1",
+          "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz",
+          "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s="
+        },
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        }
+      }
+    },
+    "engine.io-client": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-3.3.2.tgz",
+      "integrity": "sha512-y0CPINnhMvPuwtqXfsGuWE8BB66+B6wTtCofQDRecMQPYX3MYUZXFNKDhdrSe3EVjgOu4V3rxdeqN/Tr91IgbQ==",
+      "requires": {
+        "component-emitter": "1.2.1",
+        "component-inherit": "0.0.3",
+        "debug": "~3.1.0",
+        "engine.io-parser": "~2.1.1",
+        "has-cors": "1.1.0",
+        "indexof": "0.0.1",
+        "parseqs": "0.0.5",
+        "parseuri": "0.0.5",
+        "ws": "~6.1.0",
+        "xmlhttprequest-ssl": "~1.5.4",
+        "yeast": "0.1.2"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        }
+      }
+    },
+    "engine.io-parser": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-2.1.3.tgz",
+      "integrity": "sha512-6HXPre2O4Houl7c4g7Ic/XzPnHBvaEmN90vtRO9uLmwtRqQmTOw0QMevL1TOfL2Cpu1VzsaTmMotQgMdkzGkVA==",
+      "requires": {
+        "after": "0.8.2",
+        "arraybuffer.slice": "~0.0.7",
+        "base64-arraybuffer": "0.1.5",
+        "blob": "0.0.5",
+        "has-binary2": "~1.0.2"
+      }
+    },
+    "escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg="
+    },
+    "etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc="
+    },
+    "express": {
+      "version": "4.17.1",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.17.1.tgz",
+      "integrity": "sha512-mHJ9O79RqluphRrcw2X/GTh3k9tVv8YcoyY4Kkh4WDMUYKRZUq0h1o0w2rrrxBqM7VoeUVqgb27xlEMXTnYt4g==",
+      "requires": {
+        "accepts": "~1.3.7",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.19.0",
+        "content-disposition": "0.5.3",
+        "content-type": "~1.0.4",
+        "cookie": "0.4.0",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "~1.1.2",
+        "fresh": "0.5.2",
+        "merge-descriptors": "1.0.1",
+        "methods": "~1.1.2",
+        "on-finished": "~2.3.0",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "0.1.7",
+        "proxy-addr": "~2.0.5",
+        "qs": "6.7.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.1.2",
+        "send": "0.17.1",
+        "serve-static": "1.14.1",
+        "setprototypeof": "1.1.1",
+        "statuses": "~1.5.0",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      }
+    },
+    "finalhandler": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz",
+      "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==",
+      "requires": {
+        "debug": "2.6.9",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "on-finished": "~2.3.0",
+        "parseurl": "~1.3.3",
+        "statuses": "~1.5.0",
+        "unpipe": "~1.0.0"
+      }
+    },
+    "forwarded": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz",
+      "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ="
+    },
+    "fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac="
+    },
+    "has-binary2": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-binary2/-/has-binary2-1.0.3.tgz",
+      "integrity": "sha512-G1LWKhDSvhGeAQ8mPVQlqNcOB2sJdwATtZKl2pDKKHfpf/rYj24lkinxf69blJbnsvtqqNU+L3SL50vzZhXOnw==",
+      "requires": {
+        "isarray": "2.0.1"
+      }
+    },
+    "has-cors": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-cors/-/has-cors-1.1.0.tgz",
+      "integrity": "sha1-XkdHk/fqmEPRu5nCPu9J/xJv/zk="
+    },
+    "http-errors": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.2.tgz",
+      "integrity": "sha512-uUQBt3H/cSIVfch6i1EuPNy/YsRSOUBXTVfZ+yR7Zjez3qjBz6i9+i4zjNaoqcoFVI4lQJ5plg63TvGfRSDCRg==",
+      "requires": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.3",
+        "setprototypeof": "1.1.1",
+        "statuses": ">= 1.5.0 < 2",
+        "toidentifier": "1.0.0"
+      }
+    },
+    "iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "requires": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      }
+    },
+    "indexof": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/indexof/-/indexof-0.0.1.tgz",
+      "integrity": "sha1-gtwzbSMrkGIXnQWrMpOmYFn9Q10="
+    },
+    "inherits": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+      "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4="
+    },
+    "ipaddr.js": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.0.tgz",
+      "integrity": "sha512-M4Sjn6N/+O6/IXSJseKqHoFc+5FdGJ22sXqnjTpdZweHK64MzEPAyQZyEU3R/KRv2GLoa7nNtg/C2Ev6m7z+eA=="
+    },
+    "isarray": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.1.tgz",
+      "integrity": "sha1-o32U7ZzaLVmGXJ92/llu4fM4dB4="
+    },
+    "media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g="
+    },
+    "merge-descriptors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
+      "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E="
+    },
+    "methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4="
+    },
+    "mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg=="
+    },
+    "mime-db": {
+      "version": "1.40.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.40.0.tgz",
+      "integrity": "sha512-jYdeOMPy9vnxEqFRRo6ZvTZ8d9oPb+k18PKoYNYUe2stVEBPPwsln/qWzdbmaIvnhZ9v2P+CuecK+fpUfsV2mA=="
+    },
+    "mime-types": {
+      "version": "2.1.24",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.24.tgz",
+      "integrity": "sha512-WaFHS3MCl5fapm3oLxU4eYDw77IQM2ACcxQ9RIxfaC3ooc6PFuBMGZZsYpvoXS5D5QTWPieo1jjLdAm3TBP3cQ==",
+      "requires": {
+        "mime-db": "1.40.0"
+      }
+    },
+    "ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+    },
+    "negotiator": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.2.tgz",
+      "integrity": "sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw=="
+    },
+    "object-component": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/object-component/-/object-component-0.0.3.tgz",
+      "integrity": "sha1-8MaapQ78lbhmwYb0AKM3acsvEpE="
+    },
+    "on-finished": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
+      "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=",
+      "requires": {
+        "ee-first": "1.1.1"
+      }
+    },
+    "parseqs": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/parseqs/-/parseqs-0.0.5.tgz",
+      "integrity": "sha1-1SCKNzjkZ2bikbouoXNoSSGouJ0=",
+      "requires": {
+        "better-assert": "~1.0.0"
+      }
+    },
+    "parseuri": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/parseuri/-/parseuri-0.0.5.tgz",
+      "integrity": "sha1-gCBKUNTbt3m/3G6+J3jZDkvOMgo=",
+      "requires": {
+        "better-assert": "~1.0.0"
+      }
+    },
+    "parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ=="
+    },
+    "path-to-regexp": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
+      "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w="
+    },
+    "proxy-addr": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.5.tgz",
+      "integrity": "sha512-t/7RxHXPH6cJtP0pRG6smSr9QJidhB+3kXu0KgXnbGYMgzEnUxRQ4/LDdfOwZEMyIh3/xHb8PX3t+lfL9z+YVQ==",
+      "requires": {
+        "forwarded": "~0.1.2",
+        "ipaddr.js": "1.9.0"
+      }
+    },
+    "qs": {
+      "version": "6.7.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.7.0.tgz",
+      "integrity": "sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ=="
+    },
+    "range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg=="
+    },
+    "raw-body": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.0.tgz",
+      "integrity": "sha512-4Oz8DUIwdvoa5qMJelxipzi/iJIi40O5cGV1wNYp5hvZP8ZN0T+jiNkL0QepXs+EsQ9XJ8ipEDoiH70ySUJP3Q==",
+      "requires": {
+        "bytes": "3.1.0",
+        "http-errors": "1.7.2",
+        "iconv-lite": "0.4.24",
+        "unpipe": "1.0.0"
+      }
+    },
+    "safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+    },
+    "safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+    },
+    "send": {
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.17.1.tgz",
+      "integrity": "sha512-BsVKsiGcQMFwT8UxypobUKyv7irCNRHk1T0G680vk88yf6LBByGcZJOTJCrTP2xVN6yI+XjPJcNuE3V4fT9sAg==",
+      "requires": {
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "destroy": "~1.0.4",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "~1.7.2",
+        "mime": "1.6.0",
+        "ms": "2.1.1",
+        "on-finished": "~2.3.0",
+        "range-parser": "~1.2.1",
+        "statuses": "~1.5.0"
+      },
+      "dependencies": {
+        "ms": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz",
+          "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg=="
+        }
+      }
+    },
+    "serve-static": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.14.1.tgz",
+      "integrity": "sha512-JMrvUwE54emCYWlTI+hGrGv5I8dEwmco/00EvkzIIsR7MqrHonbD9pO2MOfFnpFntl7ecpZs+3mW+XbQZu9QCg==",
+      "requires": {
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "0.17.1"
+      }
+    },
+    "setprototypeof": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.1.tgz",
+      "integrity": "sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw=="
+    },
+    "socket.io": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-2.2.0.tgz",
+      "integrity": "sha512-wxXrIuZ8AILcn+f1B4ez4hJTPG24iNgxBBDaJfT6MsyOhVYiTXWexGoPkd87ktJG8kQEcL/NBvRi64+9k4Kc0w==",
+      "requires": {
+        "debug": "~4.1.0",
+        "engine.io": "~3.3.1",
+        "has-binary2": "~1.0.2",
+        "socket.io-adapter": "~1.1.0",
+        "socket.io-client": "2.2.0",
+        "socket.io-parser": "~3.3.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+        }
+      }
+    },
+    "socket.io-adapter": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-1.1.1.tgz",
+      "integrity": "sha1-KoBeihTWNyEk3ZFZrUUC+MsH8Gs="
+    },
+    "socket.io-client": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-2.2.0.tgz",
+      "integrity": "sha512-56ZrkTDbdTLmBIyfFYesgOxsjcLnwAKoN4CiPyTVkMQj3zTUh0QAx3GbvIvLpFEOvQWu92yyWICxB0u7wkVbYA==",
+      "requires": {
+        "backo2": "1.0.2",
+        "base64-arraybuffer": "0.1.5",
+        "component-bind": "1.0.0",
+        "component-emitter": "1.2.1",
+        "debug": "~3.1.0",
+        "engine.io-client": "~3.3.1",
+        "has-binary2": "~1.0.2",
+        "has-cors": "1.1.0",
+        "indexof": "0.0.1",
+        "object-component": "0.0.3",
+        "parseqs": "0.0.5",
+        "parseuri": "0.0.5",
+        "socket.io-parser": "~3.3.0",
+        "to-array": "0.1.4"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        }
+      }
+    },
+    "socket.io-parser": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-3.3.0.tgz",
+      "integrity": "sha512-hczmV6bDgdaEbVqhAeVMM/jfUfzuEZHsQg6eOmLgJht6G3mPKMxYm75w2+qhAQZ+4X+1+ATZ+QFKeOZD5riHng==",
+      "requires": {
+        "component-emitter": "1.2.1",
+        "debug": "~3.1.0",
+        "isarray": "2.0.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        }
+      }
+    },
+    "statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow="
+    },
+    "to-array": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/to-array/-/to-array-0.1.4.tgz",
+      "integrity": "sha1-F+bBH3PdTz10zaek/zI46a2b+JA="
+    },
+    "toidentifier": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz",
+      "integrity": "sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw=="
+    },
+    "type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "requires": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      }
+    },
+    "unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw="
+    },
+    "utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM="
+    },
+    "vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw="
+    },
+    "ws": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-6.1.4.tgz",
+      "integrity": "sha512-eqZfL+NE/YQc1/ZynhojeV8q+H050oR8AZ2uIev7RU10svA9ZnJUddHcOUZTJLinZ9yEfdA2kSATS2qZK5fhJA==",
+      "requires": {
+        "async-limiter": "~1.0.0"
+      }
+    },
+    "xmlhttprequest-ssl": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.5.5.tgz",
+      "integrity": "sha1-wodrBhaKrcQOV9l+gRkayPQ5iz4="
+    },
+    "yeast": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/yeast/-/yeast-0.1.2.tgz",
+      "integrity": "sha1-AI4G2AlDIMNy28L47XagymyKxBk="
+    }
+  }
+}
--- a/package.json
+++ b/package.json
+{
+  "name": "sejong25",
+  "version": "1.0.0",
+  "description": "",
+  "main": "run_server.js",
+  "scripts": {
+    "test": "test"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://git.kucatdog.net/tear-of-sejong/sejong25.git"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "express": "^4.17.1",
+    "socket.io": "^2.2.0"
+  }
+}
--- a/server.js
+++ b/server.js
+var express = require('express');
+var app = express();
+var server = require('http').Server(app);
+var io = require('socket.io').listen(server);
+
+app.use('/css', express.static(__dirname + '/css'));
+app.use('/js', express.static(__dirname + '/js'));
+app.use('/assets', express.static(__dirname + '/assets'));
+
+app.get('/', function(req, res) {
+    res.sendFile(__dirname + '/index.html');
+});
+
+// http 기본 포트(80)에 서버 열기
+server.listen(80, function() {
+    console.log('Listening on port ' + server.address().port);
+});
+
+// 클라이언트 요청에 대한 콜백 정의
+io.on('connection', function(socket) {
+    socket.on('hello', function() {
+        console.log('client request');
+        socket.emit('hi', 'Hello, Client!');
+    });
+});
\ No newline at end of file