전체 스크린샷도 추가할까요?
위치는 brief overview 밑에로 생각하고 있습니다

This feature is needed for users to interface with this web application.

이름으로 search 버튼을 눌렀을 때 정보 옆에 x버튼이 있습니다. 제가 이걸 정보의 span에 "me-auto" 클래스를 부여했는데도 button이 오른쪽 끝에 위치하지 않고 span element 바로 다음에 위치합니다. 나중에 코드 보고 해결할 줄 아시는 분 있으시면 댓글 달아주세요

여기서는 일단 me-auto가 적용이 안 되어 me-4로 설정해놨습니다.

지금 제가 구현한 기능 중에 데이터 삭제를 정보갱신 부분의 매도/매수량 칸에 0을 입력하면
해당 이름의 데이터가 삭제되도록 구현해놨습니다. 이 방식 말고 따로 삭제하는 영역을 만들어서
거기에 이름을 입력하고 버튼을 누르면 삭제가 되게 하는 것이 나은지 여러분의 의견을 적어주세요

검색할 시 일치하는 이름이 조회되지 않을 때 경고창이 뜨는 기능을 추가하면 좋을 것 같습니다.

일단 정보 보여주는 칸이 더 잘 구분되게 그림자 효과를 추가했습니다.

그리고 정보 수정하는 부분의 버튼을 edit으로 바꿨습니다.

이 이외에도 디자인에 대한 아이디어가 있으면 여기다 적어주세요

크롤링 파일에 있는 require node 모듈이 브라우저로 실행이 안됩니다.
혹시 해결책 아시는 분은 여기에 댓글이나 링크 남겨주세요

Uncaught Error: Mismatched anonymous define() module: function(){"use strict";const t=t=>{do{t+=Math.floor(1e6Math.random())}while(document.getElementById(t));return t},e=t=>{let e=t.getAttribute("data-bs-target");if(!e||"#"===e){let i=t.getAttribute("href");if(!i||!i.includes("#")&&!i.startsWith("."))return null;i.includes("#")&&!i.startsWith("#")&&(i="#"+i.split("#")[1]),e=i&&"#"!==i?i.trim():null}return e},i=t=>{const i=e(t);return i&&document.querySelector(i)?i:null},s=t=>{const i=e(t);return i?document.querySelector(i):null},n=t=>{if(!t)return 0;let{transitionDuration:e,transitionDelay:i}=window.getComputedStyle(t);const s=Number.parseFloat(e),n=Number.parseFloat(i);return s||n?(e=e.split(",")[0],i=i.split(",")[0],1e3(Number.parseFloat(e)+Number.parseFloat(i))):0},o=t=>{t.dispatchEvent(new Event("transitionend"))},r=t=>(t[0]||t).nodeType,a=(t,e)=>{let i=!1;const s=e+5;t.addEventListener("transitionend",(function e(){i=!0,t.removeEventListener("transitionend",e)})),setTimeout(()=>{i||o(t)},s)},l=(t,e,i)=>{Object.keys(i).forEach(s=>{const n=i[s],o=e[s],a=o&&r(o)?"element":null==(l=o)?""+l:{}.toString.call(l).match(/\s([a-z]+)/i)[1].toLowerCase();var l;if(!new RegExp(n).test(a))throw new TypeError(t.toUpperCase()+": "+Option "${s}" provided type "${a}" +but expected type "${n}".)})},c=t=>{if(!t)return!1;if(t.style&&t.parentNode&&t.parentNode.style){const e=getComputedStyle(t),i=getComputedStyle(t.parentNode);return"none"!==e.display&&"none"!==i.display&&"hidden"!==e.visibility}return!1},d=t=>!t||t.nodeType!==Node.ELEMENT_NODE||!!t.classList.contains("disabled")||(void 0!==t.disabled?t.disabled:t.hasAttribute("disabled")&&"false"!==t.getAttribute("disabled")),h=t=>{if(!document.documentElement.attachShadow)return null;if("function"==typeof t.getRootNode){const e=t.getRootNode();return e instanceof ShadowRoot?e:null}return t instanceof ShadowRoot?t:t.parentNode?h(t.parentNode):null},f=()=>function(){},u=t=>t.offsetHeight,p=()=>{const{jQuery:t}=window;return t&&!document.body.hasAttribute("data-bs-no-jquery")?t:null},g=()=>"rtl"===document.documentElement.dir,m=(t,e)=>{var i;i=()=>{const i=p();if(i){const s=i.fn[t];i.fn[t]=e.jQueryInterface,i.fn[t].Constructor=e,i.fn[t].noConflict=()=>(i.fn[t]=s,e.jQueryInterface)}},"loading"===document.readyState?document.addEventListener("DOMContentLoaded",i):i()},=new Map;var b={set(t,e,i){.has(t)||.set(t,new Map);const s=.get(t);s.has(e)||0===s.size?s.set(e,i):console.error(Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(s.keys())[0]}.)},get:(t,e)=>.has(t)&&.get(t).get(e)||null,remove(t,e){if(!.has(t))return;const i=.get(t);i.delete(e),0===i.size&&_.delete(t)}};const v=/[^.](?=..).|./,y=/../,w=/::\d+$/,E={};let T=1;const A={mouseenter:"mouseover",mouseleave:"mouseout"},L=new Set(["click","dblclick","mouseup","mousedown","contextmenu","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","selectstart","selectend","keydown","keypress","keyup","orientationchange","touchstart","touchmove","touchend","touchcancel","pointerdown","pointermove","pointerup","pointerleave","pointercancel","gesturestart","gesturechange","gestureend","focus","blur","change","reset","select","submit","focusin","focusout","load","unload","beforeunload","resize","move","DOMContentLoaded","readystatechange","error","abort","scroll"]);function O(t,e){return e&&${e}::${T++}||t.uidEvent||T++}function k(t){const e=O(t);return t.uidEvent=e,E[e]=E[e]||{},E[e]}function D(t,e,i=null){const s=Object.keys(t);for(let n=0,o=s.length;n<o;n++){const o=t[s[n]];if(o.originalHandler===e&&o.delegationSelector===i)return o}return null}function x(t,e,i){const s="string"==typeof e,n=s?i:e;let o=t.replace(y,"");const r=A[o];return r&&(o=r),L.has(o)||(o=t),[s,n,o]}function C(t,e,i,s,n){if("string"!=typeof e||!t)return;i||(i=s,s=null);const[o,r,a]=x(e,i,s),l=k(t),c=l[a]||(l[a]={}),d=D(c,r,o?i:null);if(d)return void(d.oneOff=d.oneOff&&n);const h=O(r,e.replace(v,"")),f=o?function(t,e,i){return function s(n){const o=t.querySelectorAll(e);for(let{target:e}=n;e&&e!==this;e=e.parentNode)for(let r=o.length;r--;)if(o[r]===e)return n.delegateTarget=e,s.oneOff&&N.off(t,n.type,i),i.apply(e,[n]);return null}}(t,i,s):function(t,e){return function i(s){return s.delegateTarget=t,i.oneOff&&N.off(t,s.type,e),e.apply(t,[s])}}(t,i);f.delegationSelector=o?i:null,f.originalHandler=r,f.oneOff=n,f.uidEvent=h,c[h]=f,t.addEventListener(a,f,o)}function S(t,e,i,s,n){const o=D(e[i],s,n);o&&(t.removeEventListener(i,o,Boolean(n)),delete e[i][o.uidEvent])}const N={on(t,e,i,s){C(t,e,i,s,!1)},one(t,e,i,s){C(t,e,i,s,!0)},off(t,e,i,s){if("string"!=typeof e||!t)return;const[n,o,r]=x(e,i,s),a=r!==e,l=k(t),c=e.startsWith(".");if(void 0!==o){if(!l||!l[r])return;return void S(t,l,r,o,n?i:null)}c&&Object.keys(l).forEach(i=>{!function(t,e,i,s){const n=e[i]||{};Object.keys(n).forEach(o=>{if(o.includes(s)){const s=n[o];S(t,e,i,s.originalHandler,s.delegationSelector)}})}(t,l,i,e.slice(1))});const d=l[r]|require.js:110)

This feature is needed for users to interface with this web app.

Show a timer at the bottom of the page to show how much time the user has spent on the website.

HTML
You spent <label id="minutes">00</label>:<label id="seconds">00</label> on this page!

JS

            var minutesLabel = document.getElementById("minutes");
            var secondsLabel = document.getElementById("seconds");
            var totalSeconds = 0;
            setInterval(setTime, 1000);

            function setTime() {
                ++totalSeconds;
                secondsLabel.innerHTML = pad(totalSeconds % 60);
                minutesLabel.innerHTML = pad(parseInt(totalSeconds / 60));
            }

            function pad(val) {
                var valString = val + "";
                if (valString.length < 2) {
                    return "0" + valString;
                } else {
                    return valString;
                }
            }

snippet here

Current Problems:

• Minutes go up infinitely (Solved: Added Hours Label)
• Timer resets when page refreshes (UNSOLVED)

초반에 얘기가 좀 있기도 했고 갑자기 생각나서 올려봤습니다
굳이 필요한게 아니라면 내리겠습니다

스샷입니다

This feature is needed to get some information about stock from Naver Stock website

.

When user clicks one of the elements(names), this web app will open another window showing stock information of user corresponding to the name.

#18 제가 pull request한 것과 관련되어 있는데, data crawling 기능을 다 구현하시고 getCurrentPrice함수를 구현해주실 수 있나요?