안녕하세요 현재 강의를 열심히 듣고 있는 학생입니다. 현재 navigation bar 만들기 javascipt에서 화면을 밑으로 스크롤하면 로고와 about, service, portfolio, review가저런식으로 나오게됩니다. 창을 줄여서 하면 메뉴버튼과 LOGO가 합쳐져서 하나를 클릭하지도 못하는 상황이 발생됩니다. 코드를 2~3번씩 확인하고 다시 작성해보았지만, 이렇게 밖에 나오지않아 너무 답답하네요 ㅠㅜ 혹시 문제점이 대충이라도 어딘인지 알수있을까요? 현재 navigtaion bar 만들기 - javascript 즉 강의소개글을 포함하여 4번째 강의를 진행중인 코드입니다. 밑은 js코드입니다. /* HEADER */ window.onload = function() {scrollFunction()}; window.onscroll = function() {scrollFunction()}; function scrollFunction() {   var header = document.getElementById('header');   if(document.documentElement.scrollTop > 70) {     if(!header.classList.contains('navbar-fixed')) {         header.classList.add('navbar-fixed');         document.getElementsByTagName('body')[0].style.marginTop = '70px';         header.style.display = 'none';         setTimeout(function(){           header.style.display = 'block';         }, 40);       }     }else {       if(header.classList.contains('navbar-fixed')) {         header.classList.remove('navbar-fixed');         document.getElementsByTagName('body')[0].style.marginTop = '0';       }   } } function menuToggle() {   document.getElementById('menu').classList.toggle('show'); } document.getElementById('toggleBtn').addEventListener('click', menuToggle); 아래는 혹시라도 더 참고될까봐 css와 html을 첨부하겠습니다. /* common */ * {   margin: 0;   padding: 0;   font-size: 0; } body {   box-sizing: border-box;   -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   word-break: break-all;   font-family: 'Heebo', sans-serif; } img {   width: 100%;   height: 100%; } a{   text-decoration: none;   font-size: 14px;   text-transform: uppercase; } ul{   list-style-type: none; } /* HEADER */ .header-area {   position: relative;   top: 0;   left: 0;   width: 100%   z-index: 99;   background-color: white;   box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); } .navbar-fade {   animation-name: navbar-fade;   animation-duration: 0.5s;   -webkit-animation-name: navbar-fade;   -webkit-animation-duration: 0.5s; } @keyframes navbar-fade {   from  {opacity: .4}    /*투명도 조절*/   to  {opacity: 1}    /*투명도 조절*/ } @-webkit-keyframes navbar-fade {   from  { opacity: 0.4}   to  { opacity: 1} } .header-area.navbar-fixed {   position: fixed; } .header-area > .navbar {   width: calc(100% - 120px);   margin: 0 60px;   overflow: hidden; } @media (min-width: 992px) {   .header-area > .navbar {     max-width: 900px;     margin : 0 auto;   } } @media (min-width: 1200px) {   .header-area > .navbar {     max-width: 1000px;   } } .header-area > .navbar> .navbar-brand {   display: inline-block;   position: absolute;   top: 50%;   transform: translateY(-50%);   font-size: 32px;   cursor: pointer; }  .header-area > .navbar> .navbar-toggler * {    font-size: 32px;  } .header-area > .navbar> .navbar-toggler {   float: right;   height: 70px;   line-height:70px;   font-size: 32px;   cursor: pointer; } @media(min-width: 992px) {     .header-area > .navbar> .navbar-toggler {       display: none;     } } .header-area > .navbar > .navbar-menu {   position: absolute;   background-color: rgba(0, 0, 0, 0.5);   top: 70px;   left: 0;   width: 100%;   height: 0;   transition: 0.5s ease;   overflow: hidden; } .header-area > .navbar > .navbar-menu.show {   height: 200px; } .header-area > .navbar > .navbar-menu > .nav-item {   float: none;   display: block;   height: 50px;   line-height: 50px; } .header-area > .navbar > .navbar-menu > .nav-item:hover * {   background-color: rgba(0, 0, 0, 0.4); } .header-area > .navbar > .navbar-menu > .nav-item > .nav-link {   display:block;   padding-left: 50px;   color: white;   cursor: pointer; } @media (min-width: 992px) {   .header-area > .navbar > .navbar-menu {     position: relative;     background-color: transparent;     float: right;     top: 0;     width: auto;     height: auto;     transition: none;   }   .header-area > .navbar > .navbar-menu.show {     height: auto;   }   .header-area > .navbar > .navbar-menu > .nav-item {     display: inline-block;     height: 70px;     line-height: 70px;   }   .header-area > .navbar > .navbar-menu > .nav-item:hover * {     background-color: transparent;   }   .header-area > .navbar > .navbar-menu > .nav-item > .nav-link {     display: block;     padding: 0 20px;     color: black;   } } 마지막으로  html입니다. <!DOCTYPE html> <html lang="ko">   <head>     <meta charset="utf-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">     <title>Portfolio - Navbar</title>     <!-- saved from url = (0013)about:internet -->     <!-- icon -->     <script src="https://kit.fontawesome.com/15ac349aa2.js" crossorigin="anonymous"></script>     <!-- fonts -->     <link href="https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">     <!-- user style -->     <link rel="stylesheet" href="portfolio.css"   </head>   <body>          <header class = "header-area navbar-fade" id="header">       <nav class = "navbar">         <a class = "navbar-brand" id = "navbarBrand">logo</a>         <a class = "navbar-toggler" id = "toggleBtn"><i class = "fa fa-bars"></i></a>         <div class = "navbar-menu" id = "menu">           <div class = "nav-item"><a class = "nav-link" id = "navbarAbout">about</a></div>           <div class = "nav-item"><a class = "nav-link" id = "navbarService">service</a></div>           <div class = "nav-item"><a class = "nav-link" id = "navbarPortfolio">porfolio</a></div>           <div class = "nav-item"><a class = "nav-link" id = "navbarReview">review</a></div>         </div>       </nav>     </header>     <div>       <div>         <div>           <div>             <img src="img\counting-149951__340.jpg">           </div>           <div>             <img src="img\counting-149953__340.jpg">           </div>           <div>             <img src="img\counting-149954__340.jpg">           </div>           <div>             <img src="img\counting-149955__340.jpg">           </div>           <a>&#10094;</a>           <a>&#10095;</a>           <div>             <span></span>             <span></span>             <span></span>             <span></span>           </div>         </div>       </div>     </div>     <!-- user script -->     <script src="portfolio.js"></script>   </body> </html>

강의 내용중에 override가 중요한 이유에 대해 설명해주셨는데 제가 이해한 내용이 맞는지 궁금합니다. 제가 이해한 내용은 아래와 같습니다. 1. OS에서 만들어져 있는 기능(클래스)는 전부 상속 가능한 클래스들이다 2. 우리(개발자)들이 이 기능(클래스)를 이용할 때에는 상속을 이용하여 자식 클래스를 만들고 3. 이때 override를 사용하면 우리들이 기능(부모 클래스)의 메소드를 재정의(커스텀)하여 사용할 수 있다.

삭제된 글입니다

밑의 질문들을 보고 왼쪽 메뉴에 '함수'를 클릭해봤는데 아래와 같은 화면이 나옵니다. 어떻게 해야 실습 화면과 같은 메뉴가 나올까요?

아래와 같이 에러가 뜨는데, 검색해도 확인이 어려워 질문드립니다 ㅠ [W 15:36:27.995 NotebookApp] Permission to listen on port 8888 denied.Traceback (most recent call last):File "C:\ProgramData\Anaconda3\Scripts\jupyter-notebook-script.py", line 10, in sys.exit(main())File "C:\ProgramData\Anaconda3\lib\site-packages\jupyter_core\application.py", line 270, in launch_instancereturn super(JupyterApp, cls).launch_instance(argv=argv, **kwargs)File "C:\ProgramData\Anaconda3\lib\site-packages\traitlets\config\application.py", line 663, in launch_instanceapp.initialize(argv)File "", line 2, in initializeFile "C:\ProgramData\Anaconda3\lib\site-packages\traitlets\config\application.py", line 87, in catch_config_errorreturn method(app, *args, **kwargs)File "C:\ProgramData\Anaconda3\lib\site-packages\notebook\notebookapp.py", line 1769, in initializeself.init_webapp()File "C:\ProgramData\Anaconda3\lib\site-packages\notebook\notebookapp.py", line 1490, in init_webappself.http_server.listen(port, self.ip)File "C:\ProgramData\Anaconda3\lib\site-packages\tornado\tcpserver.py", line 151, in listensockets = bind_sockets(port, address=address)File "C:\ProgramData\Anaconda3\lib\site-packages\tornado\netutil.py", line 176, in bind_socketssock.listen(backlog)OSError: [WinError 10014] 호출에 대한 포인터 인수를 사용하려는 동안 시스템에서 잘못된 포인터 주소를 감지했습니다

호옥시 package.json 파일 중에 "start": "cross-env NODE_ENV=production PORT=8000 pm2 start server.js -i 0", PORT=8000 이신 분들은 PORT=80으로 바꾸시면 되겠습니다. ^^

11분 10초 쯤에  아 왜 이렇게 길게 만들었을까요?하고 웃으시는게 딱 제 마음 속 생각이었는데 넘 공감되어서 터졌네요 ㅋㅋ 덕분에 웃었어요 감사합니다

실제로 DB를 이용해서 구현하는것을 보여주실 수 없을까요?DB에서 자료를 불러온것을 처리하는 방법을 배우고 싶습니다!

강사님. 상대경로 절대경로 말씀하실 때 질문이 생겨서요! 그럼 controller에서도 /contextpath/main이라고 적어줘야하는거 아닌가요? 아 그리구 c:import할때도 /WEB-INF전에 컨텍스트패스를 써줘야되는거 아닌가요..? 혹시 Homecontroller의 value="/"이 의미하는게 contextpath인가요? 전에 강의 다시 봤는데 스프링에서는 컨텍스트패스 뒤에 경로만 설정해주면 되는건가요?

그럴경우 useEffect 안에서 함수 처리를 해줘야할까요? 예를들어 이런식으로? useEffect(() => {     const leaflet = document.querySelector('.leaflet');     const pageElems = document.querySelectorAll('.page');     let pageCount = 0;     function getTarget(elem, className) {       while (!elem.classList.contains(className)) {         elem = elem.parentNode;         if (elem.nodeName === 'BODY') {           elem = null;           return;         }       }       return elem;     }     function closeLeaflet() {       pageCount = 0;       document.body.classList.remove('leaflet-opened');       // 펼쳐졌을때 맨 오른쪽 페이지 닫기       pageElems[2].classList.remove('page-flipped');       setTimeout(() => {         // 이후 맨 왼쪽 페이지 닫기         pageElems[0].classList.remove('page-flipped');       }, 500);     }     leaflet.addEventListener('click', (e) => {       let pageElem = getTarget(e.target, 'page');       if (pageElem) {         pageElem.classList.add('page-flipped');         pageCount++;         if (pageCount === 2) {           document.body.classList.add('leaflet-opened');         }       }       // let closeBtnElem = getTarget(e.target, 'close-btn');       // if (closeBtnElem) {       //   closeLeaflet();       //   zoomOut();       // }       // let menuItemElem = getTarget(e.target, 'menu-item');       // if (menuItemElem) {       //   zoomIn(menuItemElem);       // }       // let backBtn = getTarget(e.target, 'back-btn');       // if (backBtn) {       //   zoomOut();       // }     });  }, []);

영상에 나온대로 i,j,k=0, 0, 0 이라고 했을 때 튜플은 값을 바꾸지 못하잖아요? 그럼 나중에 i +=1을 했을 때도 값이 바뀌지 않는건가요? 그리고 i=0 j=0 과 i, j = 0, 0 은 다른 건가요??

Packet Generator 부분이 c#에서 @"" 형식에 가변인자를 넣었던 것을 c++로 옮긴다면 매크로를 사용하거나 가변인자 함수를 따로 만들어서 사용해야 하나요?

삭제된 글입니다

이전 강의에서 XOR의 연산자는 따로 없고  if (x != y) { } 형태로 사용된다고 하셨는데 bitwise XOR은 ^이고 위 연산자가 따로 없는 XOR은 logical XOR인가요?

'벽으로 둘러싸여 있다는 가정을 해야 하기 때문에 size를 처음 입력할 때 반드시 홀수여야 한다'는 말이 무슨 뜻인지 정확히 이해가 되지 않습니다. 제 머릿속 생각으로는 4 * 4로 만들더라도 맵을 만들 수 있지 않나 하는 생각입니다.

에러로그는 아래와 같습니다. ready - started server on http://localhost:3000 Error from chokidar (/): Error: EBUSY: resource busy or locked, lstat 'C:\hiberfil.sys' Error from chokidar (/): Error: EBUSY: resource busy or locked, lstat 'C:\pagefile.sys' Error from chokidar (/): Error: EBUSY: resource busy or locked, lstat 'C:\swapfile.sys' error - ./sagas/post.js:2:0 Module not found: Can't resolve '/redux-saga/effects'   1 | import axios from 'axios'; > 2 | import { delay, put, takeLatest, all, fork } from '/redux-saga/effects';   3 |    4 | export default function* postSaga() {   5 |     yield all([

안녕하세요. 강의 정말 잘 듣고 있습니다. 한가지 문제가 생겼는데 해결이 되지 않아 문의드립니다. SCSS 문법을 VSCode에서 에러로 인식하고 있습니다. 번들하는데는 아무 문제가 없어서 수업하는데는 지장은 없는데요. 소스에서 에러가 나는것 처럼 보여서 계속 신경이 쓰입니다. 해결 방법을 알고 계시면 알려주세요. 감사합니다.

안녕하세요? 파이썬으로 칼만필터 프로그램을 찾고 있어요. 선형과 비선형 칼만필터가 있는데,  데이터 예제와 프로그램을 함께 알려주시면 좋겠습니다. 감사합니다.   

https://www.sqlskills.com/ 해당 사이트에 접속이 안되는데, 리소스 첨부 가능한가요?

const Lazy = {   *range(num) {     for (let i = 0; i < num; i++) {       yield i;     }   },   *filter(predicate, iterable) {     for (const value of iterable) {       if (predicate(value)) { yield value; }     }   },   *take(num, iterable) {     let cnt = 0;     for (const value of iterable) {       cnt++;       yield value;       if (cnt >= num) { break; }     }   } }; console.time('Lazy'); Array.from(Lazy.take(3, Lazy.filter(num => num % 2 === 0, Lazy.range(100000)))); console.timeEnd('Lazy'); 이해가 한번에 잘 안되어 질문 남깁니다 :) 위 코드를 실행하면, 똑같이 지연평가를 수행하지만 영상과는 반대로 range -> filter -> take 순서로 실행합니다. 지연 평가가 연산의 역순이 핵심이 아니라, yield를 통한 각 요소마다의 다음 연산으로 제어권 위임이 핵심이 맞나요??