be9904 / oss_collab Goto Github PK

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

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

크롤링 파일에 있는 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)

.

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

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

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

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

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)

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

스샷입니다

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

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

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

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

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

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