해쉬를 없애기 위해서 다음과 같이 작성하였습니다. var router = new VueRouter({ mode: 'history', // 페이지의 라우팅 정보 routes: [ // 페이지의 개수만큼 객체 개수가 필요하다. { // 페이지의 url path: '/login', // 해당 url 에서 표시될 컴포넌트 component: LoginComponent }, { path: '/main', component: MainComponent } ] }); 그런데 링크가 .../original/path/to/login, .../original/path/to/main 이 되는 것이 아니라 /login, /main 으로 변해버립니다. (앞의 기존 path 가 사라져서 router.html 파일이 아닌 login, main 이라는 존재하지 않는 파일에 접근하게 됩니다.) 따로 서버를 띄운 것은 없고 크롬 브라우저에서 실행하였습니다. 무슨 실수를 한 것일까요? ㅠㅠ

var 홀 = 0; var 짝 = 0; for (var k=1; k<51; k++) {   if(k%2 === 0) {      짝 += k   } else {       홀 += k     } } console.log("짝입니다:" + 짝); console.log("홀입니다:" +홀);

reduce 함수에서 acc인자로 비동기적인 값이 들어올 때 처리를  위해 유명함수 라는거를 사용하셨는데... 그런데 if (acc instanceof Promise) return acc.then(recur) 이 부분에서 왜 return 이 들어가야 되는건지 모르겠어요... 그냥 acc.then(recur) 하고 실행만 해주면 함수 실행되는거 아닌가요 ??? 그런데 ... return 없이 실행 하니깐 값이 제대로 안나오더라구요

안녕하세요  아래부분이 잘 이해가안가서요..  여는괄호가 나오기전까지 빼는것아닌가요? 이게 어떻게 여는괄호까지 pop이 가능한건가요? while (stack.pop() !== "(");

안녕하세요 선생님. 질문이 있어 이렇게 올리게 됐습니다. var list = [1,2,3]; var fn = function(el, index, all){ if(index === 0){ delete list[2]; }; console.log(el); }; list.forEach(fn); 위 코드에서 delete list[2]를 사용하고 있습니다. 제가 기억하는바론 splice로 배열에서 엘리먼트 삭제시 완전히 삭제되는반면, delete로 엘리먼트 삭제시 값만 지우고 undefined가 그 자리를 채우는 것으로 기억합니다. 따라서 delete list[2]가 시행되면 value = [1, 2, undefined]가 되고, forEach 구문으로 해당 배열을 나열시 1 2 undefined 가 결과로 출력돼야하는 것 아닌가요??! console.log(value[2]); 를 해보면 undefined가 출력되는데 forEach 문으로 돌렸을 땐 왜 undefined가 출력되지 않는지 궁금합니다! 훌륭한 강의 너무 잘 듣고 있습니다. 감사합니다 :)

heroku에 서버 배포한 후 링크에 접속하면 application error라는 화면과 함께 heroku logs --tail라는 명령어를 사용해 에러내역을 확인할 수 있다는 설명이 나오는데요 명령어를 치면 아래와 같은 에러 로그가 나옵니다.. at=error code=H10 desc="App crashed" method=GET path="/" 여기저기 찾아보면서 package.json scripts에 heroku-postbuild 추가하기 package.json engine에 node와 npm 버전을 입력하기 heroku 빌드팩 변경하기 heroku restart하기 procfile 생성하여 web:node index.js 입력하기 이외에도 여러 방법을 다 시도해봐도 해결이 안되네요...

선생님 강의 잘 듣고 있습니다. 감사합니다! 그런데 강의를 듣는 도중 한가지 의문이 생겼는데, $(document).ready(function(){       $("#btnClick").click(function(){         $("a+p").css("border", "5px solid black")       })     }) 예를 들어 이렇게 코드를 작성했다는 가정하에 마지막부분에 ";"를 넣어도 실행이 잘되고 ";"를 넣지 않아도 실행이 잘됩니다. 어쨌든 실행하는데에 문제는 없으니 넣든 안넣든 상관없을까요?

안녕하세요, 졸업선물 문제에서요,, 처음에 가격순으로 정렬해야하는 이유가 무엇인가요?? 작은것부터 샀다고치고 작은것부터 최대한 사려고 하니까 그런건가요??

아래 두 개의 출력 값은 같게 나오는데, 이유가 뭔가요..? s = s.split(""); console.log(s, s.reverse());

안녕하세요! 캡틴판교님 :) 4/10 Live방송때 router-view관련해서 질문드리고 답변받았던 학생입니다! 다름이 아니라 캡틴판교님 말씀대로 오탈자와 router를 정의한 부분들(path나 component)을 살펴봤을 때 별 다른 문제는 없으나 아직 제대로 동작하지 않습니다.ㅠ 또한 캡틴판교 블로그의 '질문을 잘하는 개발자'글을 읽고 제가 처한 상황을 명확히 알려드려야 질문을 받는 입장에서도 편할거 같다고 생각해서 다시 질문드립니다! :) 1. 개발환경: 에디터는 VS코드를 사용하고 있고, npm으로 vue-cli를 설치해서 vue init webpack-simple로 프로젝트를 만들었으며, npm run dev를 통해서 개발하고 있는 내용을 확인하고 있습니다. 2. 문제상황: 싱글파일컴포넌트를 사용해서 컴포넌트들을 분리했으며, router에 관한 파일도 router.js로 따로 만들어서 main.js에서 import해서 사용했습니다. npm run dev를 통해서 실행시 console과 cmd창에서 모두 오류가 발생하지 않고 동작됩니다. 다만 App.vue의 template부분에 router-view를 통해서(5.참고) 나타내고 싶은 부분이 있는데 그 부분이 표시되지 않습니다.(7.참고) nav부분에서 router-link를 통해서 URL을 변경하는 부분을 구현했는데(6.참고) 해당 부분은 잘 동작됩니다. 실행된 웹에서 해당 버튼을 누르면 알맞게 URL이 /, /menu2, /menu3 ...으로 변경됩니다. (다만 Section컴포넌트가 뜨지 않는 것은 동일) 3. 다음은 router.js 내용입니다. 4. 다음은 main.js 내용입니다. 5. 다음은 App.vue 내용입니다. 6. 다음은 PlandNav.vue 내용입니다. 7. 다음은 실제로 동작하는 웹화면과 개발자도구에서 확인한 실제 렌더링 결과입니다. (footer내용은 가렸습니다!) 위의 사진과 같이 router-view를 통해서 나타내고 싶은 PlandSection1~4부분이 알맞게 렌더링되지 않고 <!---->로 표현됩니다 :( 혹시 제가 실수한 부분이나 발견하지 못한 오류가 있나요?? 제가 구글링하면서 찾은 제 문제와 가장 가깝다고 생각되는 문서입니다. https://stackoverflow.com/questions/60238731/vue-router-showing-blank-page-when-built https://router.vuejs.org/guide/essentials/history-mode.html

안녕하세요 선생님.. 밑에 사진을 보면 알 수 있겠지만 선생님이 이 전 강의에서 예시로 작성하신 코드에다가 <Script ~~ /> 이 태그를 복습 겸해서 다시 사용해볼려고 했는데 사진처럼 Script로 다른 Aleart("~");이 있는 JS파일을 불러와서 저장하고 브라우저에서 봤는데 아무것도 안뜨고 하얀 화면 밖에 없는데 코드에 무슨 오류가 있길래 실행이 안되는 거에요ㅜㅜ?

안녕하세요. 강의 계속 듣다가 질문생겨서 여쭤봅니다. var arr1 = [1, 2, 3, [1, 2, 3]]; var arr2 = arr1.slice(); // 1번 arr2[3] = [2, 3, 4]; console.log(arr1); console.log(arr2); // 2번 arr2[3][1] = 6; console.log(arr1); console.log(arr2); 2번을 주석처리하고 실행하면 [ 1, 2, 3, [ 1, 2, 3 ] ] [ 1, 2, 3, [ 2, 3, 4 ] ] 1번을 주석처리하고 실행하면 [ 1, 2, 3, [ 1, 6, 3 ] ] [ 1, 2, 3, [ 1, 6, 3 ] ] 둘다 주석처리 안하면 [ 1, 2, 3, [ 1, 2, 3 ] ] [ 1, 2, 3, [ 2, 3, 4 ] ] [ 1, 2, 3, [ 1, 2, 3 ] ] [ 1, 2, 3, [ 2, 6, 4 ] ] 이렇게 나옵니다. 강의에서 1단계 값만 복사가 되고 배열 속 배열은 참조만 된다고 말씀하신걸로 알고 있습니다. 그런데 두 경우의 결과가 왜 다르게 나오는지 잘 모르겠습니다.

ㅠ.ㅠ 저만 이해못하는지 질문이없네요.. 엔드포인트로 나누어서 인덱스+1 곱하시는 로직이 어떤 원리인지 궁금함미다...

grab-market-web 폴더에서 TEST로 바뀌었는데 TEST폴더로 시작하나요? npm install 다시 해야 하나요?

제가 처음에 이해못할 때는 "보는 시각이 바뀌는거 아닌가?" 라고 생각하면서 첫번째 그림처럼 접근했어요. 이해가 됐을 때는 두번째 그림처럼 그림이 움직인다고 접근해서 이해했습니다. 두번째 그림의 부가설명을 하자면 처음 그림 포지션은 0 0 입니다.  1step -150px 0 만큼 그림이 왼쪽으로 움직입니다. 2step -150px 0 만큼 그림이 또 움직입니다 (총 -300px 0) ~~~~ 17step -150px 0 만큼 그림이 움직인다. (총 -2550px 0) 틀릴 수도 있습니다. 근데 전 이렇게 접근해보려구요!

내용은 이해가 되는데 구조적 타이핑은 실무에서 언제쓰는지 궁금하네요..

안녕하세요! function loop(){     window.requestAnimationFrame(loop); } 에서 window.requestAnimationFrame(); 안에 인자를 왜 부모 함수인 loop로 받는 것일까요? 부모함수인 loop 안에 존재하는 window.requestAnimationFrame()이 어떻게 loop함수를 다시 받을 수 있는지, 자바스크립트에선 이러한 문법을 뭐라고 부르는지 궁금합니다.

안녕하세요 선생님 :) 바쁘실텐데 죄송합니다. function mouseFunc(e){     console.log(e.clientX, e.clientY); } 이 부분에 인자 e의 역할은 이벤트를 감지하기 위한 인자인 것으로 이해하고 있습니다. 이 부분이 맞을까요?😊 실습하다보니, e를 넣으면 정상 작동이 되나. e를 인자로 넣지 않으면 오류가 뜨는 이유는 무엇인지 궁금해서.. 굳이 임의의 인자를 넣어 이벤트를 감지 시켜야 하는 자바스크립트의 생태계에 대해 좀 더 스터디 해보려고 하는데  뭐라고 검색해야 자료를 찾고 스터디 할 수 있을까요?

저번에도 말씀드렸지만 이미지나 동영상 예제 올려주실 수 있나요? 물론 몽고DB 강의에 범주를 넘어가는것은 알겠으나, 아예 없다고는 생각하지 않아서요. 애매하게 중간에 걸친 것 같은데 혹시 예제를 올려주실 수 있나해서요? 아니면 참고할만한 사이트 부탁드립니다. 늘 친절한 답변 주셔서 감사합니다. ps: 앗!!!! 미니 강의 올려주신다 하셨네요. 그럼 강의도 좋은데 실무에서 사용하고 있는 저장 관련 모듈 사이트 알려주시면 감사하겠습니다. ^^ 찾다가 보니 아래와 같은 자료가 있어서 남깁니다. 그런데 제가 궁금한게 Streams  를 많이 사용하나요? Multer는 생각보다 안 사용하는 것 같네요. 생각해보니 mongodb 보단 nodejs범주인것 같긴하네요. 그래도 강사님은 어떤걸 더 추천 하시나요? multer 보니깐 데이터 저장된 파일이 이상한 문자로 나오던데 이 파일을 저장하는건 괜찮은 방법 같습니다만 .... 실무에서 어떤걸 쓰는지 궁금하네요. 제일 궁금한건 Streams인데 범주를 넘어서면 굳이 대답안해주셔됩니다.

강의를 들으면서 비쥬얼스튜디오 코드를 사용하여도 상관 없을까요?