quiz_3, node 실습

+/node_modules

+/**
+ * Created by junyoung on 2017. 4. 6..
+ */
+
+var http = require('http'),
+    path = require('path'),
+    url = require('url'),
+    fs = require('fs');
+
+var DOCUMENT_ROOT = "../quiz_3/";
+var server = http.createServer(function (req, res) {
+    var reqPath = url.parse(req.url).pathname;
+    if (reqPath === '/') {
+        reqPath = "2012104095.html";
+    }
+
+    var fullPath = path.join(process.cwd(), DOCUMENT_ROOT, reqPath);
+
+    fs.readFile(fullPath, "binary", function (err, file) {
+        if (err) {
+            if (err.code == "ENOENT") {
+                console.log("SEND 404 for " + req.url);
+                res.writeHeader(404, {"Content-Type" : "text/html"});
+                res.write("<h1>Not Found</h1>");
+                res.end();
+            } else{
+                console.error("Error", err);
+                res.writeHeader(500, {"Content-Type": "text/plain"});
+                res.write(err + '\n');
+                res.end();
+            }
+        }
+        else {
+            console.log("SEND 200 for " + req.url);
+            res.writeHeader(200);
+            res.write(file, "binary");
+            res.end();
+        }
+    });
+});
+
+server.listen(3000, function () {
+    console.log("server listening on http://localhost:3000");
+});
\ No newline at end of file

+# Logs
+logs
+*.log
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directory
+# https://docs.npmjs.com/cli/shrinkwrap#caveats
+node_modules
+
+# Debug log from npm
+npm-debug.log

+var express = require('express');
+var path = require('path');
+var favicon = require('serve-favicon');
+var logger = require('morgan');
+var cookieParser = require('cookie-parser');
+var bodyParser = require('body-parser');
+
+var index = require('./routes/index');
+var users = require('./routes/users');
+
+var app = express();
+
+// view engine setup
+app.set('views', path.join(__dirname, 'views'));
+app.set('view engine', 'ejs');
+
+// uncomment after placing your favicon in /public
+//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
+app.use(logger('dev'));
+app.use(bodyParser.json());
+app.use(bodyParser.urlencoded({ extended: false }));
+app.use(cookieParser());
+app.use(require('node-sass-middleware')({
+  src: path.join(__dirname, 'public'),
+  dest: path.join(__dirname, 'public'),
+  indentedSyntax: true,
+  sourceMap: true
+}));
+app.use(express.static(path.join(__dirname, 'public')));
+
+app.use('/', index);
+app.use('/users', users);
+
+// catch 404 and forward to error handler
+app.use(function(req, res, next) {
+  var err = new Error('Not Found');
+  err.status = 404;
+  next(err);
+});
+
+// error handler
+app.use(function(err, req, res, next) {
+  // set locals, only providing error in development
+  res.locals.message = err.message;
+  res.locals.error = req.app.get('env') === 'development' ? err : {};
+
+  // render the error page
+  res.status(err.status || 500);
+  res.render('error');
+});
+
+module.exports = app;

+#!/usr/bin/env node
+
+/**
+ * Module dependencies.
+ */
+
+var app = require('../app');
+var debug = require('debug')('app03:server');
+var http = require('http');
+
+/**
+ * Get port from environment and store in Express.
+ */
+
+var port = normalizePort(process.env.PORT || '3000');
+app.set('port', port);
+
+/**
+ * Create HTTP server.
+ */
+
+var server = http.createServer(app);
+
+/**
+ * Listen on provided port, on all network interfaces.
+ */
+
+server.listen(port);
+server.on('error', onError);
+server.on('listening', onListening);
+
+/**
+ * Normalize a port into a number, string, or false.
+ */
+
+function normalizePort(val) {
+  var port = parseInt(val, 10);
+
+  if (isNaN(port)) {
+    // named pipe
+    return val;
+  }
+
+  if (port >= 0) {
+    // port number
+    return port;
+  }
+
+  return false;
+}
+
+/**
+ * Event listener for HTTP server "error" event.
+ */
+
+function onError(error) {
+  if (error.syscall !== 'listen') {
+    throw error;
+  }
+
+  var bind = typeof port === 'string'
+    ? 'Pipe ' + port
+    : 'Port ' + port;
+
+  // handle specific listen errors with friendly messages
+  switch (error.code) {
+    case 'EACCES':
+      console.error(bind + ' requires elevated privileges');
+      process.exit(1);
+      break;
+    case 'EADDRINUSE':
+      console.error(bind + ' is already in use');
+      process.exit(1);
+      break;
+    default:
+      throw error;
+  }
+}
+
+/**
+ * Event listener for HTTP server "listening" event.
+ */
+
+function onListening() {
+  var addr = server.address();
+  var bind = typeof addr === 'string'
+    ? 'pipe ' + addr
+    : 'port ' + addr.port;
+  debug('Listening on ' + bind);
+}

+{
+  "name": "app03",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "start": "node ./bin/www"
+  },
+  "dependencies": {
+    "body-parser": "~1.16.0",
+    "cookie-parser": "~1.4.3",
+    "debug": "~2.6.0",
+    "ejs": "~2.5.5",
+    "express": "~4.14.1",
+    "morgan": "~1.7.0",
+    "node-sass-middleware": "0.9.8",
+    "serve-favicon": "~2.3.2"
+  }
+}

+body {
+  padding: 50px;
+  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif; }
+
+a {
+  color: #00B7FF; }
+
+/*# sourceMappingURL=style.css.map */
\ No newline at end of file

+{
+	"version": 3,
+	"file": "style.css",
+	"sources": [
+		"style.sass"
+	],
+	"mappings": "AAAA,AAAA,IAAI,CAAC;EACH,OAAO,EAAE,IAAK;EACd,IAAI,EAAE,kDAAmD,GAAG;;AAE9D,AAAA,CAAC,CAAC;EACA,KAAK,EAAE,OAAQ,GAAG",
+	"names": []
+}
\ No newline at end of file

+body
+  padding: 50px
+  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif
+
+a
+  color: #00B7FF

+var express = require('express');
+var router = express.Router();
+
+/* GET home page. */
+router.get('/', function(req, res, next) {
+  res.render('index', { title: 'Express' });
+});
+
+module.exports = router;

+var express = require('express');
+var router = express.Router();
+
+/* GET users listing. */
+router.get('/', function(req, res, next) {
+  res.send('respond with a resource');
+});
+
+module.exports = router;

+<h1><%= message %></h1>
+<h2><%= error.status %></h2>
+<pre><%= error.stack %></pre>

+<!DOCTYPE html>
+<html>
+  <head>
+    <title><%= title %></title>
+    <link rel='stylesheet' href='/stylesheets/style.css' />
+  </head>
+  <body>
+    <h1><%= title %></h1>
+    <p>Welcome to <%= title %></p>
+  </body>
+</html>

@@ -49,7 +49,7 @@ th {
     padding: 10px 5px 10px 5px;
     padding: 10px 5px 10px 5px;
     border-left: 0;
     border-left: 0;
     border-right: 0;
     border-right: 0;
-    background-color: gainsboro;
+    background-color: indianred;
 }
 }
 
 
 .maintitle {
 .maintitle {
@@ -88,6 +88,11 @@ div {
 /*모바일*/
 /*모바일*/
 @media screen and (max-width: 768px) {
 @media screen and (max-width: 768px) {
 
 
+    .introduce-description {
+        font-size : 14px;
+        font-weight: bold;
+    }
+
     #introduce-image {
     #introduce-image {
         width: 40%;
         width: 40%;
         height: 40%;
         height: 40%;
@@ -113,7 +118,8 @@ div {
         padding: 5px 2px 5px 2px;
         padding: 5px 2px 5px 2px;
         border-left: 0;
         border-left: 0;
         border-right: 0;
         border-right: 0;
-        background-color: gainsboro;
+        background-color: dodgerblue;
+
     }
     }
 
 
     td {
     td {

@@ -4,6 +4,8 @@
     <meta charset="UTF-8">
     <meta charset="UTF-8">
     <title>성준영 소개페이지</title>
     <title>성준영 소개페이지</title>
     <link rel="stylesheet" type="text/css" href="./2012104095.css">
     <link rel="stylesheet" type="text/css" href="./2012104095.css">
+    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
+
 </head>
 </head>
 <body>
 <body>