delete unnecessary files

static/css/chartStyle.css

@@ -1,132 +0,0 @@
-/* id : "#" */
-.myChart-container {
-    /* 속성의 요소 너비를 지정 */
-    width: 60vw;
-
-    /* 속성의 요소의 높이를 지정 */
-    height: 30vh;
-
-    /*
-        [ margin 태그 ]
-        margin-top (상단 여백)
-        margin-right (오른쪽 여백)
-        margin-bottom (아래 여백)
-        margin-left (왼쪽 여백)
-
-        지정값은 px, cm, %로 지정할 수 있다.
-        음수값도 지정 가능(ex. -10px)
-
-        * 4면 한꺼번에 margin 지정하기
-            ex) margin: 5px 7px 3px 0px;
-                (위, 오른쪽, 아래, 왼쪽)
-        * 4면이 모두 같을 때 margin 지정하기
-            ex) margin: 5px;
-        * 위, 오른쪽&왼쪽, 아래 margin 지정하기
-            ex) margin: 5px 10px 0px;
-        * 위&아래, 오른쪽&왼쪽 margin 지정하기
-            ex) margin: 5px 10px;
-        * margin 자동 지정하기
-            ex) margin: auto 0;
-                (위아래 값이 자동, 좌우가 0px)
-            ex) margin-left: auto;
-
-    */
-    margin: 40px auto;
-    padding-bottom: 13%;
-}
-
-
-.table {
-    /* 
-        [ align-items 태그 ]
-        flex-box 요소의 수직 방향 정렬 방식을 설정
-        ex. flex-start, flex-end, center        
-    */
-    align-items: center;
-
-    /* 
-        [ justify-content 태그 ]
-        flex-box 요소의 수평 방향 정렬 방식을 설정
-        ex. flex-start, flex-end, center        
-    */
-    justify-content: center;
-
-
-    /*
-        [ margin 태그 ]
-        margin-top (상단 여백)
-        margin-right (오른쪽 여백)
-        margin-bottom (아래 여백)
-        margin-left (왼쪽 여백)
-
-        지정값은 px, cm, %로 지정할 수 있다.
-        음수값도 지정 가능(ex. -10px)
-
-        * 4면 한꺼번에 margin 지정하기
-            ex) margin: 5px 7px 3px 0px;
-                (위, 오른쪽, 아래, 왼쪽)
-        * 4면이 모두 같을 때 margin 지정하기
-            ex) margin: 5px;
-        * 위, 오른쪽&왼쪽, 아래 margin 지정하기
-            ex) margin: 5px 10px 0px;
-        * 위&아래, 오른쪽&왼쪽 margin 지정하기
-            ex) margin: 5px 10px;
-        * margin 자동 지정하기
-            ex) margin: auto 0;
-                (위아래 값이 자동, 좌우가 0px)
-            ex) margin-left: auto;
-
-    */
-    margin: 20px auto;
-
-
-    /*
-        [ text-align 태그 ]
-        텍스트의 정렬 방향을 설정
-
-        left: 왼쪽 정렬
-        right: 오른쪽 정렬
-        center: 중앙 정렬
-        justify: 양쪽 정렬 (자동 줄바꿈시 오른쪽 경계선 부분 정리)
-    */
-    text-align: center;
-
-
-    padding-top: 50px;
-}
-
-
-.table .title-width {
-    width: 10px;
-    text-align: center;
-}
-
-
-.table .table-title {
-    font-size: 50px;
-}
-
-
-
-
-
-
-
-
-
-
-
-
-/* h1, h2 태그 부분 */
-.gohome, .goticker {
-    text-decoration: none;
-}
-
-
-
-.table .news-table .news.diff.up {
-    color: #ed2a61;
-}
-.table .news-table .news.diff.down {
-    color: #3c6ffa;
-}

static/css/news.css

@@ -1,216 +0,0 @@
-/* ner 관련 */
-
-.ner-box {
-    width: calc(92%); /* 속성의 요소 너비를 지정 */
-    height: 500px; /* 속성의 요소의 높이를 지정 */
-
-
-    /* 
-        [ align-items 태그 ]
-        flex-box 요소의 수직 방향 정렬 방식을 설정
-        ex. flex-start, flex-end, center        
-    */
-    align-items: center;
-
-    /* 
-        [ justify-content 태그 ]
-        flex-box 요소의 수평 방향 정렬 방식을 설정
-        ex. flex-start, flex-end, center        
-    */
-    justify-content: center;
-
-    /*
-        [ text-align 태그 ]
-        텍스트의 정렬 방향을 설정
-
-        left: 왼쪽 정렬
-        right: 오른쪽 정렬
-        center: 중앙 정렬
-        justify: 양쪽 정렬 (자동 줄바꿈시 오른쪽 경계선 부분 정리)
-    */
-    text-align: center;
-
-
-    /*
-        [ margin 태그 ]
-        margin-top (상단 여백)
-        margin-right (오른쪽 여백)
-        margin-bottom (아래 여백)
-        margin-left (왼쪽 여백)
-
-        지정값은 px, cm, %로 지정할 수 있다.
-        음수값도 지정 가능(ex. -10px)
-
-        * 4면 한꺼번에 margin 지정하기
-            ex) margin: 5px 7px 3px 0px;
-                (위, 오른쪽, 아래, 왼쪽)
-        * 4면이 모두 같을 때 margin 지정하기
-            ex) margin: 5px;
-        * 위, 오른쪽&왼쪽, 아래 margin 지정하기
-            ex) margin: 5px 10px 0px;
-        * 위&아래, 오른쪽&왼쪽 margin 지정하기
-            ex) margin: 5px 10px;
-        * margin 자동 지정하기
-            ex) margin: auto 0;
-                (위아래 값이 자동, 좌우가 0px)
-            ex) margin-left: auto;
-
-    */
-    margin: 1rem;
-
-
-    min-height: 1.2rem;
-    border: 0.5px solid grey;
-    padding: 0.5rem 1rem;
-}
-
-
-
-/* NER label_ */
-.entities .entity_person {
-    background-color: #aa9cfc;
-}
-
-.entities .entity_org {
-    background-color: #7aecec;
-}
-
-.entities .entity_fac {
-    background-color: #9cc9cc;
-}
-
-.entities .entity_gpe {
-    background-color: #feca74;
-}
-
-.entities .entity_product {
-    background-color: #bfeeb7;
-}
-
-.entities .none {
-    background-color: transparent;
-}
-
-/* 마우스 올렸을 때, 보이게 하는 것 */
-.entities .show-label {
-    display: none;
-}
-
-.entities .entity_person:hover .show-label,
-.entities .entity_org:hover .show-label,
-.entities .entity_fac:hover .show-label,
-.entities .entity_gpe:hover .show-label,
-.entities .entity_product:hover .show-label {
-    display: block;
-}
-
-
-
-
-
-/* Model 관련 */
-
-/* id : "#" */
-#model {
-    /*
-        [ text-align 태그 ]
-        텍스트의 정렬 방향을 설정
-
-        left: 왼쪽 정렬
-        right: 오른쪽 정렬
-        center: 중앙 정렬
-        justify: 양쪽 정렬 (자동 줄바꿈시 오른쪽 경계선 부분 정리)
-    */
-    text-align: center;
-}
-
-/* id : "#" */
-#text-input {
-    width: calc(100% / 2); /* 속성의 요소 너비 */
-    height: 78px; /* 속성의 요소의 높이를 지정 */
-    word-break: break-all;
-}
-
-
-.text-output {
-    width: calc(100% * (2/3)); /* 속성의 요소 너비 */
-    min-height: 10rem;
-
-
-
-    /*
-        [ margin 태그 ]
-        margin-top (상단 여백)
-        margin-right (오른쪽 여백)
-        margin-bottom (아래 여백)
-        margin-left (왼쪽 여백)
-
-        지정값은 px, cm, %로 지정할 수 있다.
-        음수값도 지정 가능(ex. -10px)
-
-        * 4면 한꺼번에 margin 지정하기
-            ex) margin: 5px 7px 3px 0px;
-                (위, 오른쪽, 아래, 왼쪽)
-        * 4면이 모두 같을 때 margin 지정하기
-            ex) margin: 5px;
-        * 위, 오른쪽&왼쪽, 아래 margin 지정하기
-            ex) margin: 5px 10px 0px;
-        * 위&아래, 오른쪽&왼쪽 margin 지정하기
-            ex) margin: 5px 10px;
-        * margin 자동 지정하기
-            ex) margin: auto 0;
-                (위아래 값이 자동, 좌우가 0px)
-            ex) margin-left: auto;
-
-    */
-    margin: 20px auto;
-
-    /* 
-        [ border 태그 ]
-        해당 태그의 테두리를 설정
-        width - style - color
-        border-width - border-style - border-color
-
-        border-width : 테두리의 두께로, 주로 px 단위를 사용
-        border-style : 테두리의 스타일로 실선, 점선, 이중선 등의 옵션이 존재
-        border-color : 테두리의 색상으로, 값은 color 속성의 포맷을 사용
-    */
-    border: 0.5px solid grey;
-
-    /*
-        [ padding 태그 ]
-        지정값은 px, cm, %로 지정할 수 있다.
-        margin은 음수값이 지정 가능하지만 padding은 음수값 지정이 안된다.
-        
-        padding 태그와 비슷한 태그
-        : padding-top, padding-right, padding-bottom, padding-left
-
-        * 4면 한꺼번에 padding 지정하기
-            ex) padding: 5px, 7px, 3px, 0px;
-                (위, 오른���, 아래, 왼쪽)
-        * 4면 모두 같을 때 padding 지정하기
-            ex) padding: 5px;
-        * 위, 오른쪽&왼쪽, 아래 padding 지정하기
-            ex) padding: 5px 10px 0px;
-        * 위&아래, 오른쪽&왼쪽 padding 지정하기
-            ex) padding: 5px, 10px;
-
-    */
-    padding: 0.5rem 1rem;
-}
-
-
-
-
-
-
-
-
-
-
-
-
-/* h1, h2 태그 부분 */
-.gohome, .goticker {
-    text-decoration: none;
-}

static/js/chartIndex.js

@@ -1,169 +0,0 @@
-
-// jQuery
-// $(document).ready(function() { });
-$(function() {
-    chartInit();
-});
-
-
-
-function chartInit() {
-    // Ticker 이름 가져오기
-    // 해당 class의 text 가져오기
-    let ticker = document.querySelector('.tickerName').textContent;
-    // console.log(ticker.indexOf(' '));
-    idx = ticker.indexOf(' ');
-    ticker = ticker.substring(0, idx);
-
-
-    // Javascript -> Flask (Python) -> Javascript
-    chart_data = sendAjax_sync("/chart", {"ticker": ticker}, "json", handle_one_return);
-    console.log(chart_data);
-    console.log(Object.keys(chart_data.Close));
-
-
-    // x축과 data 설정
-    // data: [{'x': date, 'o': open, 'h': high, 'l': low, 'c': close}, { }, { }, ... ]
-    data = [];
-    key_list = Object.keys(chart_data.Close);
-    for (var i=key_list.length-15; i<key_list.length; i++) {
-        key = key_list[i];
-        const [year, month, day] = key.split("-");
-        const x = new Date(parseInt(year), parseInt(month), parseInt(day), 9, 0, 0, 0).getTime();
-        data.push({'x': x, 'o': chart_data.Open[key].toFixed(2), 'h': chart_data.High[key].toFixed(2), 'l': chart_data.Low[key].toFixed(2), 'c': chart_data.Close[key].toFixed(2)})
-    }
-    console.log("data : ", data);
-
-
-
-
-    // Javascript chart.js candlestick
-    let mychart = document.getElementById('myChart');
-    new Chart(mychart, {
-        type: 'candlestick',
-        data: {
-            datasets: [{
-                label: 'CHRT - '.concat(ticker),
-                data: data
-            }]
-        }
-    });
-
-
-
-
-
-    //////////////////////////////////////////////////////////////////
-
-    // Javascript를 이용해 HTML에 동적으로 태그 추가
-
-    // a 태그 onclick 적용
-    const goTicker = document.querySelector('.goticker');
-    let goTickerURL = '/'.concat(ticker)
-    goTicker.setAttribute('href', goTickerURL);
-
-    //////////////////////////////////////////////////////////////////
-
-
-
-
-
-    //////////////////////////////////////////////////////////////////
-
-    // table title 표시
-    // 해당 class의 text 집어넣기
-    const table_title = document.querySelector('.table-title');
-    $('.table .table-title').text(ticker.concat(' News'));
-
-
-
-
-    // Javascript -> Flask (Python) -> Javascript
-    news = sendAjax_sync(url="/news", data={"ticker": ticker}, dataType="json", handle=handle_one_return);
-
-    news_table = document.querySelector('.table .news-table');
-    // console.log(news_table.innerHTML);
-
-
-    // console.log(news);
-    // console.log(Object.keys(news)); // key 배열 만들기
-    // console.log(typeof Object.keys(news));
-
-
-
-
-    /* 
-        [ 날짜 정렬 ]
-        "news"에서 index에 대해서 정렬을 하고 reduce() 함수를 적용.
-
-        reduce() : 배열의 각 요소에 대해 주어진 reducer 함수를 실행하고, 하나의 결과값을 반환
-    */
-    sorted_news = {}
-    sorted_news = Object.keys(news).sort(function (a, b) {
-        if (a < b) { return 1; }
-        else if (a > b) { return -1; }
-        else { return 0; }
-    }).reduce((sorted_news, key) => {
-        sorted_news[key] = news[key];
-        return sorted_news;
-    }, {});
-    // console.log(sorted_news);
-
-    var key_list = Object.keys(chart_data.Open);
-    var open_list = Object.values(chart_data.Open);
-    var close_list = Object.values(chart_data.Close);
-
-    for (var i=0; i<key_list.length; i++) {
-        const [year, month, day] = key_list[i].split("-");
-        key_list[i] = year + '.' + month + '.' + day;
-    }
-    console.log(key_list);
-
-    // List 안의 value를 뽑을 때, (Python) => for item in list:
-    Object.keys(sorted_news).forEach(key => {
-        var idx = key_list.indexOf(String(key));
-
-        if (idx != -1) { var diff = ((open_list[idx]-close_list[idx-1])/(open_list[idx]) * 100.0).toFixed(2); }
-        else { var diff = '.'; }
-
-        if (diff == '.') {
-            var diff_html = '<th class="news diff">' + diff + '</th>';
-        }
-        else if (diff > 0) {
-            var diff_html = '<th class="news diff up">+' + diff + ' %</th>';
-        }
-        else {
-            var diff_html = '<th class="news diff down">' + diff + ' %</th>';
-        }
-        var html = '<tr align="center" bgcolor="white"><th>+</th><th>' + key + '</th>' + diff_html + '<td style="text-align: left;">';
-
-        for (var i = 0; i < sorted_news[key].length; i++) {
-            var title = sorted_news[key][i].substring(0, sorted_news[key][i].length-4);
-            var sendTitle = title; // Javascript -> Python 보내기 위한 title
-
-            
-            // title에서 & 표시가 있을 수 있음.
-            // Title 에서 '&'로 표시되어 있는데 따로 구별해야 된다.
-            // andSymbolInTitle 에서 가져온 '&' 위치 index를 title과 합쳐준다.
-            andSymbolInTitle = [];
-            let idx = 0;
-            // title = "asdf&asdf&AS&DF&&";
-            // sendTitle = title;
-
-            while (true) {
-                idx = sendTitle.indexOf('&', idx);
-                if (idx == -1) { break; }
-                sendTitle = sendTitle.substring(0, idx) + sendTitle.substring(idx+1, sendTitle.length);
-                // console.log(sendTitle);
-                andSymbolInTitle.push(idx + andSymbolInTitle.length);
-            }
-
-            var link = String('"/info?ticker='.concat(ticker, '&date=', key, '&title=', sendTitle, '&andSymbolInTitle=', andSymbolInTitle, '"'));
-            // console.log(link);
-            html = html + '<a href=' + link + '>' + title + '</a><br>';
-        }
-        html = html + '</td>';
-
-        news_table.innerHTML = news_table.innerHTML + html;
-    });
-}

static/js/index.js

@@ -102,10 +102,10 @@ function nasdaq_table_init() {
         stocks.innerHTML = stocks.innerHTML + '<div class="stock industry">' + output.industry[i] + '</div>';
 
         // Add ticker's chart link
-        execution_function = String('"javascript:chartInit(\''.concat(output.ticker[i], '\');"'));
+        execution_function = `javascript:chartInit('${ output.ticker[i] }')`;
         stock = document.querySelectorAll('.stock.ticker')[i];
         stock.innerHTML = '';
-        stock.innerHTML = stock.innerHTML + '<a href='.concat(execution_function, '>') + output.ticker[i] + '</a>';
+        stock.innerHTML = stock.innerHTML + `<a href=${ execution_function }>${ output.ticker[i] }</a>`;
     }
 }
 
@@ -149,9 +149,6 @@ function chartInit(ticker) {
         const x = new Date(parseInt(year), parseInt(month), parseInt(day), 9, 0, 0, 0).getTime();
         data.push({'x': x, 'o': chart_data.Open[key].toFixed(2), 'h': chart_data.High[key].toFixed(2), 'l': chart_data.Low[key].toFixed(2), 'c': chart_data.Close[key].toFixed(2)})
     }
-    // console.log("data : ", data);
-
-
 
 
     // Javascript chart.js candlestick
@@ -165,8 +162,7 @@ function chartInit(ticker) {
             }]
         }
     });
-
-
+    //////////////////////////////////////////////////////////////////
 
 
 
@@ -244,7 +240,9 @@ function chartInit(ticker) {
         var date_idx_in_key_list = key_list.indexOf(String(key));
         // console.log(key, key_list, date_idx_in_key_list);
 
-        if (date_idx_in_key_list != -1) { var diff = ((open_list[date_idx_in_key_list]-close_list[date_idx_in_key_list-1])/(open_list[date_idx_in_key_list]) * 100.0).toFixed(2); }
+        if (date_idx_in_key_list != -1) { 
+            var diff = ((open_list[date_idx_in_key_list]-close_list[date_idx_in_key_list-1])/(open_list[date_idx_in_key_list]) * 100.0).toFixed(2); 
+        }
         else { var diff = '.'; }
 
         if (diff == '.') {
@@ -256,7 +254,7 @@ function chartInit(ticker) {
         else {
             var diff_html = '<th class="news diff down">' + diff + ' %</th>';
         }
-        var html = `<tr align="center" bgcolor="white"><th>+</th><th>${key}</th>${diff_html}<td style="text-align: left;">`;
+        var html = `<tr align="center" bgcolor="white"><th>+</th><th>${ key }</th>${ diff_html }<td style="text-align: left;">`;
 
         for (var i = 0; i < sorted_news[key].length; i++) {
             var title = sorted_news[key][i].substring(0, sorted_news[key][i].length-4);
@@ -280,13 +278,11 @@ function chartInit(ticker) {
             }
 
 
-            var link = String(`/info_and_newsNER?ticker=${ticker}&date=${key}&title=${sendTitle}&andSymbolInTitle=${andSymbolInTitle}`);
-            // console.log(link);
+            var link = String(`/info_and_newsNER?ticker=${ ticker }&date=${ key }&title=${ sendTitle }&andSymbolInTitle=${ andSymbolInTitle }`);
             linkList.push(link);
 
-            var execution_function = String(`javascript:getData(linkList[${link_list_idx}]);`);
-            // console.log("execution_function : ", execution_function);
-            html = html + '<a href="' + execution_function + '">' + title + '</a><br>';
+            var execution_function = String(`javascript:getData(linkList[${ link_list_idx }]);`);
+            html = html + `<a href="${ execution_function }">${ title }</a><br>`;
             link_list_idx = link_list_idx + 1;
         }
         html = html + '</td>';
@@ -356,7 +352,7 @@ function newsInit(ticker, date, title, url, ents) {
 
 
     // a 태그 onclick 적용
-    var execution_function = `javascript:chartInit('${ticker}')`;
+    var execution_function = `javascript:chartInit('${ ticker }')`;
     const goTicker = document.querySelector('#news-container .goticker');
     console.log(goTicker);
     goTicker.setAttribute('href', execution_function);
@@ -448,7 +444,7 @@ function newsInit(ticker, date, title, url, ents) {
         // "await"는 "async" 함수 안에서만 동작한다.
         // "await" 키워드를 만나면 Promise가 처리될 때까지 기다린다.
         // Promise가 처리되길 기다리는 동안엔 엔진이 다른일(다른 스크립트를 실행, 이벤트 처리 등)을 할 수 있기 때문에, CPU 리소스가 낭비되지 않는다.
-        const inferResponse = await fetch(`newsQuestions?ticker=${ticker}&date=${date}&title=${sendTitle}&andSymbolInTitle=${andSymbolInTitle}&questions=${text}`); // Javascript -> Flask(python)
+        const inferResponse = await fetch(`newsQuestions?ticker=${ ticker }&date=${ date }&title=${ sendTitle }&andSymbolInTitle=${ andSymbolInTitle }&questions=${ text }`); // Javascript -> Flask(python)
         
         // console.log("inferResponse : ", inferResponse);
 

static/js/news.js

@@ -1,182 +0,0 @@
-// jQuery
-// $(document).ready(function() { });
-$(function() {
-    console.log("Start News's Title !");
-    newsInit();
-});
-
-
-
-
-
-function newsInit() {
-    // Ticker 이름 가져오기
-    // 해당 class의 text 가져오기
-    let ticker = document.querySelector('.goticker .tickerName').textContent;
-    let date = document.querySelector('.titleDate').textContent;
-    let title = document.querySelector('.titleName').textContent;
-    let url = document.querySelector('.NewsURL').textContent;
-
-    ticker = ticker;
-    date = date.substring(6, date.length);
-    title = title.substring(7, title.length);
-    url = url.substring(5, url.length);
-
-    console.log(ticker);
-    console.log(date);
-    console.log(title);
-    console.log(url);
-
-
-    //////////////////////////////////////////////////////////////////////
-    
-    // Javascript를 이용해 HTML에 동적으로 태그 추가
-
-
-
-    // a 태그 onclick 적용
-    const goticker = document.querySelector('.goticker');
-    let stockURL = '/'.concat(ticker);
-    goticker.setAttribute('href', stockURL);
-
-
-    // a 태그에 URL 적용
-    const addURL = document.querySelector('.NewsURL .input-News-URL');
-    addURL.setAttribute('href', url);
-
-
-    // 모델에서 질문 예시 Ticker에 알맞게 작성하기
-    const example_value = document.querySelector('#model .text-form #text-input');
-    example = "Why did " + ticker + "'s stock go down?";
-    example_value.setAttribute('value', example);
-
-
-    //////////////////////////////////////////////////////////////////////
-    // NER 관련
-
-    ents = sendAjax_sync('/ner', {'ticker': ticker, 'date': date, 'title': title}, dataType="json", handle=handle_one_return);
-    // ents = {'text': [], 'start_char': [], 'end_char': [], 'label_': [], 'news': []}
-    console.log(ents);
-
-    let news = ents['news'];
-    let numOfNER = ents['text'].length;
-
-
-    // 랜더링 html 요소 생성
-    news_ner = document.querySelector('.entities');
-    news_ner.innerHTML = '';
-
-    for (i=0; i<numOfNER-1; i++) {
-        start_idx = (i == 0) ? 0 : ents['end_char'][i-1];
-        end_idx = ents['start_char'][i];
-        last_idx = ents['end_char'][i];
-
-        label = ents['label_'][i];
-        if (label == 'ORG') { class_name = "entity_org"; }
-        else if (label == 'PERSON') { class_name = "entity_person"; }
-        else if (label == 'FAC') { class_name = "entity_fac"; }
-        else if (label == 'GPE') { class_name = "entity_gpe"; }
-        else if (label == 'PRODUCT') { class_name = "entity_product"; }
-        else { console.log("[ Error !!! - New NER label_ ] : ", ents['label_'][i], ents['text'][i]); class_name = "none"; }
-
-        news_ner.innerHTML = news_ner.innerHTML + news.substring(start_idx, end_idx);
-        news_ner.innerHTML = news_ner.innerHTML + '<mark class=' + class_name
-            + ' style="line-height: 1;">'
-            + news.substring(end_idx, last_idx) 
-            + '<span class="show-label" style="font-size: 0.8em; font-weight: bold; line-height: 1; border-radius: 0.35em; vertical-align: middle; margin-left: 0.5rem">'
-            + label + '</span></mark>';
-    }
-    news_ner.innerHTML = news_ner.innerHTML + news.substring(ents['end_char'][numOfNER-1]);
-    
-
-
-
-
-
-
-
-
-
-
-
-    //////////////////////////////////////////////////////////////////////
-    // 모델 적용 내용 ( Submit )
-
-    var sendTitle = title; // Javascript -> Python 보내기 위한 title
-
-            
-    // title에서 & 표시가 있을 수 있음.
-    // Title 에서 '&'로 표시되어 있는데 따로 구별해야 된다.
-    // andSymbolInTitle 에서 가져온 '&' 위치 index를 title과 합쳐준다.
-    andSymbolInTitle = [];
-    let idx = 0;
-    // title = "asdf&asdf&AS&DF&&";
-    // sendTitle = title;
-
-    while (true) {
-        idx = sendTitle.indexOf('&', idx);
-        if (idx == -1) { break; }
-        sendTitle = sendTitle.substring(0, idx) + sendTitle.substring(idx+1, sendTitle.length);
-        console.log(sendTitle);
-        andSymbolInTitle.push(idx + andSymbolInTitle.length);
-    }
-
-    console.log(andSymbolInTitle);
-    console.log("Last String", sendTitle);
-
-
-
-    // function 앞에 "async"를 붙이면 해당 함수는 항상 프라미스를 반환한다.
-    const translateText = async (text) => {
-        // 목적 : Flask에 input을 보내주고 output을 받아오는 과정
-        console.log("Start translateText async");
-
-        // "await"는 "async" 함수 안에서만 동작한다.
-        // "await" 키워드를 만나면 Promise가 처리될 때까지 기다린다.
-        // Promise가 처리되길 기다리는 동안엔 엔진이 다른일(다른 스크립트를 실행, 이벤트 처리 등)을 할 수 있기 때문에, CPU 리소스가 낭비되지 않는다.
-        const inferResponse = await fetch(`newsQuestions?ticker=${ticker}&date=${date}&title=${sendTitle}&andSymbolInTitle=${andSymbolInTitle}&questions=${text}`); // Javascript -> Flask(python)
-        
-        // console.log("inferResponse : ", inferResponse);
-
-        const inferJson = await inferResponse.json(); // Flask(python) -> Javascript
-
-        // console.log(inferJson);
-        return inferJson.result['answer'];
-    };
-
-
-    /* 모델 Submit button 관련 내용 */
-    // form 태그의 class 이름
-    const textForm = document.querySelector('.text-form');
-
-
-    // addEventListener(type, listener)
-    // addEventListener(type, listener, options)
-    // addEventListener(type, listener, useCapture)
-    textForm.addEventListener('submit', async (event) => {
-        event.preventDefault();
-        // console.log(event);
-
-        // html -> javascript : input 받아와서 output 보내기
-        const textInput = document.getElementById('text-input');
-        console.log("element : ", textInput);
-        const textParagraph = document.querySelector('.text-output');
-
-        console.log("textInput : ", textInput, textInput.value);
-        try {
-            // sendAjax("/inference", {"input_text" : textInput.value}, handleOutput);
-            
-            // "await"는 "async" 함수 안에서만 동작한다.
-            // "await" 키워드를 만나면 Promise가 처리될 때까지 기다린다.
-            // Promise가 처리되길 기다리는 동안엔 엔진이 다른일(다른 스크립트를 실행, 이벤트 처리 등)을 할 수 있기 때문에, CPU 리소스가 낭비되지 않는다.
-            const answer = await translateText(textInput.value); // Flask에 input을 보내주고 output을 받아오는 과정
-            
-            console.log("Answer : ", answer);
-            textParagraph.textContent = answer;
-        } catch (err) {
-            console.error(err);
-        }
-    });
-}
-
-

templates/chart.html

@@ -1,116 +0,0 @@
-<!-- html 태그 : HTML로 작성되어 있다는 것을 알려줌 -->
-<!-- html 태그 : html 파일 전체를 감싸는 태그 -->
-<html>
-    <!-- head 태그 : 머리말에 해당 -->
-    <!-- head 태그 : css나 javascript를 연결해줌 -->
-    <!-- head 태그 : 파비콘이나 문자열 인코딩과 같은 문서의 다양한 정보를 제공 -->
-    <head>
-
-        <!-- link 태그 : 주로 외부 css 파일을 연결할 때 사용 -->
-        <link rel="stylesheet" href="static/css/chartStyle.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/utils.js"></script>
-        <script type="text/javascript" src="static/js/chartIndex.js"></script>
-
-
-
-
-
-        <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
-		<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.js"></script>
-		<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
-		<script src="static/js/chartjs-chart-financial.js" type="text/javascript"></script>
-
-    </head>
-
-
-
-
-
-    <!-- body 태그 : 본문에 해당하는 부분, 실제 보여지는 화면에 해당 -->
-    <body>
-        <h1><a class="gohome" href="/">Stock News Summaries AI</a></h1>
-        <a class="goticker"><h2 class="tickerName">{{embed}}</h2></a>
-        <h3 class="practice"></h3>
-
-        <div>
-            <div id="chart-container" width="974" height="486"></div>
-
-            <div class="myChart-container">
-                <canvas id="myChart"></canvas>
-            </div>
-
-        </div>
-
-
-
-
-
-        <!--
-            [ 속성 ]
-
-            align : 정렬을 지정한다. (left, center, right)
-            border : 테두리 선의 두께를 지정한다.
-            bgcolor : 배경색을 지정한다. (색은 "red", "black" 처럼 기존의 정의되어있는 색을 사용할 수도 있으며
-                        rgb형식의 #000000 으로도 색을 지정할 수 있다.)
-            bordercolor : 테두리 선의 색을 지정한다. 색을 지정하는 방법은 bgcolor와 동일하다.
-            cellspacing : 셀간의 간격을 지정한다.
-            width : 가로 길이를 지정한다. (상수 값을 입력할 수도, % 단위로 입력할 수 있다.
-                    %를 사용할 때는 웹브라우저 크기에 대한 % 이다.)
-            height : 세로 길이를 지정한다.
-            rawspan : 지정한 값만큼 행을 병합한다. (위아래로)
-            colspan : 지정한 값만큼 열을 병합한다. (좌우로)
-        -->
-
-
-
-
-
-
-        
-        <!-- table 태그 : 테이블을 만든다. -->
-        <table class="table"
-
-            text-align="center"
-            align-items="center"
-            justify-content="center"
-
-            border="1"
-            width="90%"
-            height="200"
-            cellspacing="5">
-
-
-            <!-- caption 태그 : 테이블 이름 표시 -->
-            <caption class="table-title"></caption>
-
-            <!-- 테이블의 헤더 영역 지정 -->
-            <thread>
-                <!-- tr 태그 : 테이블읠 행(가로 한줄)을 만든다. -->
-                <tr align="center" bgcolor="white">
-                    <!-- td 태그 : 테이블의 열을 만든다. -->
-                    <td width="5%"></td>
-
-                    <!-- th 태그 : 테이블(표)의 헤드 부분(자동으로 가운데 정렬, 굵게 적용) -->
-                    <th width="10%">Date</th>
-                    <th width="10%">Diff</th>
-                    <th class="title-width">Articles</th>
-                </tr>
-            </thread>
-
-            <!-- tbody 태그 : -->
-            <tbody class="news-table">
-
-                <!-- News: Date, Diff, Title 추가 -->
-
-            </tbody>
-
-        </table>
-
-
-    </body>
-</html>