신동해 / Omniscient-Public-Point-Of-View

Go to a project
Toggle navigation Toggle navigation pinning
신동해
a589e23d 1 parent 54baf601

Add index.html, write.html

Inline Side-by-side
Showing 3 changed files with 134 additions and 0 deletions
1 +<!doctype html>
2 +<html>
3 + <head>
4 + <!-- Required meta tags -->
5 + <meta charset="utf-8">
6 + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7 +
8 + <!-- Bootstrap CSS -->
9 + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
10 +
11 + <title>Hello, world!</title>
12 + </head>
13 + <body>
14 +
15 + <nav class="navbar navbar-expand-lg navbar-light bg-light">
16 + <a class="navbar-brand" href="#">Todo App</a>
17 + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
18 + <span class="navbar-toggler-icon"></span>
19 + </button>
20 + <div class="collapse navbar-collapse" id="navbarNav">
21 + <ul class="navbar-nav">
22 + <li class="nav-item active">
23 + <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
24 + </li>
25 + <li class="nav-item"
26 + <a class="nav-link" href="#">Write</a>
27 + </li>
28 + <li class="nav-item">
29 + <a class="nav-link" href="#">임시</a>
30 + </li>
31 + </ul>
32 + </div>
33 + </nav>
34 +
35 + <div class="jumbotron">
36 + <h1 class="display-4">Hello, world!</h1>
37 + <p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
38 + <hr class="my-4">
39 + <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
40 + <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
41 + </div>
42 +
43 + <!-- Optional JavaScript; choose one of the two! -->
44 +
45 + <!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
46 + <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
47 + <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
48 +
49 + <!-- Option 2: Separate Popper and Bootstrap JS -->
50 + <!--
51 + <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
52 + <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
53 + <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.min.js" integrity="sha384-VHvPCCyXqtD5DqJeNxl2dtTyhF78xXNXdkwX1CZeRusQfRKp+tA7hAShOK/B/fQ2" crossorigin="anonymous"></script>
54 + -->
55 + </body>
56 +</html>
...\ No newline at end of file ...\ No newline at end of file
1 const express = require('express'); 1 const express = require('express');
2 const app = express(); 2 const app = express();
3 3
4 +app.get('/pet', function(요청, 응답){
5 + 응답.send('펫쇼핑할 수 있는 페이지입니다.');
6 +});
7 +
8 +app.get('/beauty', function(요청, 응답){
9 + 응답.send('뷰티용품 쇼핑할 수 있는 페이지입니다.');
10 +});
11 +
12 +app.get('/', function(요청, 응답){
13 + 응답.sendFile(__dirname + '/index.html');
14 +});
15 +
16 +app.get('/write', function(요청, 응답){
17 + 응답.sendFile(__dirname + '/write.html');
18 +});
19 +
4 app.listen(8080, function(){ 20 app.listen(8080, function(){
5 console.log('listening on 8080') 21 console.log('listening on 8080')
6 }); 22 });
...\ No newline at end of file ...\ No newline at end of file
......
1 +<!doctype html>
2 +<html>
3 + <head>
4 + <!-- Required meta tags -->
5 + <meta charset="utf-8">
6 + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7 +
8 + <!-- Bootstrap CSS -->
9 + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
10 +
11 + <title>Hello, world!</title>
12 + </head>
13 + <body>
14 +
15 + <nav class="navbar navbar-expand-lg navbar-light bg-light">
16 + <a class="navbar-brand" href="#">Todo App</a>
17 + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
18 + <span class="navbar-toggler-icon"></span>
19 + </button>
20 + <div class="collapse navbar-collapse" id="navbarNav">
21 + <ul class="navbar-nav">
22 + <li class="nav-item active">
23 + <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
24 + </li>
25 + <li class="nav-item"
26 + <a class="nav-link" href="#">Write</a>
27 + </li>
28 + <li class="nav-item">
29 + <a class="nav-link" href="#">임시</a>
30 + </li>
31 + </ul>
32 + </div>
33 + </nav>
34 +
35 + <div class="container mt-4">
36 + <form>
37 + <div class="form-group">
38 + <label>할일</label>
39 + <input type="text" class="form-control">
40 + </div>
41 + <div class="form-group">
42 + <label>Due date</label>
43 + <input type="text" class="form-control">
44 + </div>
45 + <button type="submit" class="btn btn-primary">Submit</button>
46 + </form>
47 + </div>
48 +
49 + <!-- Optional JavaScript; choose one of the two! -->
50 +
51 + <!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
52 + <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
53 + <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
54 +
55 + <!-- Option 2: Separate Popper and Bootstrap JS -->
56 + <!--
57 + <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
58 + <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
59 + <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.min.js" integrity="sha384-VHvPCCyXqtD5DqJeNxl2dtTyhF78xXNXdkwX1CZeRusQfRKp+tA7hAShOK/B/fQ2" crossorigin="anonymous"></script>
60 + -->
61 + </body>
62 +</html>
...\ No newline at end of file ...\ No newline at end of file