File size: 3,710 Bytes
c109682
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!-- html ํƒœ๊ทธ : HTML๋กœ ์ž‘์„ฑ๋˜์–ด ์žˆ๋‹ค๋Š” ๊ฒƒ์„ ์•Œ๋ ค์คŒ -->
<!-- html ํƒœ๊ทธ : html ํŒŒ์ผ ์ „์ฒด๋ฅผ ๊ฐ์‹ธ๋Š” ํƒœ๊ทธ -->
<html>


    <!-- head ํƒœ๊ทธ : ๋จธ๋ฆฌ๋ง์— ํ•ด๋‹น -->
    <!-- head ํƒœ๊ทธ : css๋‚˜ javascript๋ฅผ ์—ฐ๊ฒฐํ•ด์คŒ -->
    <!-- head ํƒœ๊ทธ : ํŒŒ๋น„์ฝ˜์ด๋‚˜ ๋ฌธ์ž์—ด ์ธ์ฝ”๋”ฉ๊ณผ ๊ฐ™์€ ๋ฌธ์„œ์˜ ๋‹ค์–‘ํ•œ ์ •๋ณด๋ฅผ ์ œ๊ณต -->
    <head>

        <!-- link ํƒœ๊ทธ : ์ฃผ๋กœ ์™ธ๋ถ€ css ํŒŒ์ผ์„ ์—ฐ๊ฒฐํ•  ๋•Œ ์‚ฌ์šฉ -->
        <link rel="stylesheet" href="static/css/style.css" />

        <!-- jQuery -->
        <script src='//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js'></script>
        <!-- script ํƒœ๊ทธ : ์™ธ๋ถ€ js ํŒŒ์ผ์„ ์—ฐ๊ฒฐํ•˜๊ฑฐ๋‚˜ javascript ์ฝ”๋“œ๋ฅผ ์ž…๋ ฅํ•  ๋•Œ ์‚ฌ์šฉ -->
        <script type="text/javascript" src="static/js/index.js"></script>

    </head>




    <!-- body ํƒœ๊ทธ : ๋ณธ๋ฌธ์— ํ•ด๋‹นํ•˜๋Š” ๋ถ€๋ถ„, ์‹ค์ œ ๋ณด์—ฌ์ง€๋Š” ํ™”๋ฉด์— ํ•ด๋‹น -->
    <body>
        <h1><a class="gohome" href="" onclick="sendAjax('/', undefined, undefined);"> Stock News NER & Analysis </a></h1>
        <p id='embed'>{{embed}}</p>

        <p id='mylog'/>
        

        <!-- [ id class ์ฐจ์ด ] -->
        <!-- id : ํ•œ ๋ฌธ์„œ์— ๋‹จ ํ•˜๋‚˜์˜ ์š”์†Œ์—๋งŒ ์ ์šฉ(์ค‘๋ณตX) -->
        <!-- id : ํŠน์ • ์š”์†Œ์— ์ด๋ฆ„์„ ๋ถ™์ด๋Š”๋ฐ ์‚ฌ์šฉ -->
        <!-- class : ๋™์ผํ•œ ๊ฐ’์„ ๊ฐ–๋Š” ์š”์†Œ ๋งŽ์Œ -->
        <!-- class : ์Šคํƒ€์ผ์˜ ๋ถ„๋ฅ˜์— ์‚ฌ์šฉ -->


        <div class="stocks_wrap">
            <div class="stocks_columns">
                <div class="column ticker">Ticker</div>
                <div class="column name">Name</div>
                <div class="column dff">Diff</div>
                <div class="column open">Open</div>
                <div class="column close">Close</div>
                <div class="column sector">Sector</div>
                <div class="column industry">Industry</div>
            </div>

            <div class="stocks"></div>
        </div>






        <!-- div ํƒœ๊ทธ : ์ƒ์ž๋ฅผ ๋งŒ๋“ฌ -->
        <div class="sec_cal">

            <div class="cal_nav">
                <!-- a ํƒœ๊ทธ : ํด๋ฆญ์‹œ ๋‹ค๋ฅธ ์ฃผ์†Œ๋กœ ์ด๋™ํ•˜๋Š” ํƒœ๊ทธ -->
                <!-- a href๋Š” ํ†ต์ƒ URL์„ ๋ช…์‹œํ•  ๋•Œ ์‚ฌ์šฉํ•˜์ง€๋งŒ javascript๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ๋„ ์“ด๋‹ค. -->
                <a href="javascript:;" class="nav-btn go-prev">prev</a>
                <div class="year-month"></div>
                <a href="javascript:;" class="nav-btn go-next">next</a>
            </div>

            <div class="cal_wrap">
                <div class="days">
                    <div class="day">MON</div>
                    <div class="day">TUE</div>
                    <div class="day">WED</div>
                    <div class="day">THU</div>
                    <div class="day">FRI</div>
                    <div class="day">SAT</div>
                    <div class="day">SUN</div>
                </div>

                <div class="dates"></div>
                    <!-- 
                        <div class="day prev disable">
                        <div class="day current"> or <div class="day current today">
                        <div class="day next disable">
                    -->
            </div>


            <form class="year-month-day-form">
                <label for="year-month-day-input">๋‚ ์งœ๋ฅผ ์ž…๋ ฅํ•˜์‹œ์˜ค. (์˜ˆ์‹œ. 2023-02-10) </label>
                <input
                    id="year-month-day-input"
                    type="text"
                    placeholder="2023-02-10"
                    value="2023-02-10"
                />

                <button id="text-submit">Submit</button>
            </form>
        </div>


        

    </body>
</html>