item-list.vue 파일에  Property '$route' does not exist on type 'ItemList'. 이와 같은 에러가 발생합니다. 실행은 잘 되고 vs-code를 사용하고 있습니다. 아래 코드에서 $route 부분에 빨간줄이 그어져 있습니다. @Watch('$store.state.todoList', {deep: true})     stateUpdate() {         const status: string = this.$route.params.status;         this.initRenderList(status);    }

폴더 절대 경로 설정뒤에  https://github.com/hyunsokstar/vue_endgame/tree/master/vue-til ctrl + space로 접근하면 아래처럼 파일만 보여여 뭔가 설정을 잘못했을까여? vs code를 아예 다시 설치했는데도 잘안되여  해결 방법 아시면 알려주시면 감사여 

거꾸로 별 할때 2번째 for문에서 왜 5 - 1로 표시하는 건가요? 그냥 4로 하면 안되는 건가요?

삭제된 글입니다

"start": "npm run dev", 로 실행 시, /usr/local/bin/node /usr/local/lib/node_modules/npm/bin/npm-cli.js run start --scripts-prepend-node-path=auto > vue_frontend@1.0.0 start /Users/seunghwanlee/Desktop/Project/springboot-vue.js-example/vue_frontend > npm run dev > vue_frontend@1.0.0 dev /Users/seunghwanlee/Desktop/Project/springboot-vue.js-example/vue_frontend > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js internal/modules/cjs/loader.js:985   throw err;   ^ Error: Cannot find module '/Users/seunghwanlee/Desktop/Project/springboot-vue.js-example/vue_frontend/build/webpack.dev.conf.js' Require stack: - /Users/seunghwanlee/Desktop/Project/springboot-vue.js-example/vue_frontend/node_modules/webpack/bin/convert-argv.js - /Users/seunghwanlee/Desktop/Project/springboot-vue.js-example/vue_frontend/node_modules/webpack-dev-server/bin/webpack-dev-server.js     at Function.Module._resolveFilename (internal/modules/cjs/loader.js:982:15)     at Function.Module._load (internal/modules/cjs/loader.js:864:27)     at Module.require (internal/modules/cjs/loader.js:1044:19)     at require (internal/modules/cjs/helpers.js:77:18)     at requireConfig (/Users/seunghwanlee/Desktop/Project/springboot-vue.js-example/vue_frontend/node_modules/webpack/bin/convert-argv.js:97:18)     at /Users/seunghwanlee/Desktop/Project/springboot-vue.js-example/vue_frontend/node_modules/webpack/bin/convert-argv.js:104:17     at Array.forEach (<anonymous>)     at module.exports (/Users/seunghwanlee/Desktop/Project/springboot-vue.js-example/vue_frontend/node_modules/webpack/bin/convert-argv.js:102:15)     at Object.<anonymous> (/Users/seunghwanlee/Desktop/Project/springboot-vue.js-example/vue_frontend/node_modules/webpack-dev-server/bin/webpack-dev-server.js:223:50)     at Module._compile (internal/modules/cjs/loader.js:1158:30) {   code: 'MODULE_NOT_FOUND',   requireStack: [     '/Users/seunghwanlee/Desktop/Project/springboot-vue.js-example/vue_frontend/node_modules/webpack/bin/convert-argv.js',     '/Users/seunghwanlee/Desktop/Project/springboot-vue.js-example/vue_frontend/node_modules/webpack-dev-server/bin/webpack-dev-server.js'   ] } npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! vue_frontend@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` npm ERR! Exit status 1 npm ERR!  npm ERR! Failed at the vue_frontend@1.0.0 dev script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR!     /Users/seunghwanlee/.npm/_logs/2020-04-19T00_05_06_364Z-debug.log npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! vue_frontend@1.0.0 start: `npm run dev` npm ERR! Exit status 1 npm ERR!  npm ERR! Failed at the vue_frontend@1.0.0 start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR!     /Users/seunghwanlee/.npm/_logs/2020-04-19T00_05_06_384Z-debug.log Process finished with exit code 1 OS는 맥 환경에서 위와같이 모듈이 없다는 에러가 뜨는데 위와같은 문제를 어떻게 해결할 수 있나요??

이렇게 post body로 입력하면 {    "name":"tere1",    "email":"tere1@daum.net",    "password": "1234567"} 이렇게 입력되고 다시 입력하면 아래와 같은 에러가 발생 {     "success": false,     "err": {         "driver": true,         "name": "MongoError",         "index": 0,         "code": 11000,         "keyPattern": {             "email": 1         },         "keyValue": {             "email": null         },         "errmsg": "E11000 duplicate key error collection: test.users index: email_1 dup key: { email: null }"     } } 혹시 라우터 로직에 문제가 있는것일까여? mongoose.connect(config.mongoURI , { useNewUrlParser: true, useUnifiedTopology: true ,useCreateIndex: true, useFindAndModify: false})     .then(() => console.log('MongoDB Connected...'))     .catch((err) => console.log(err)) app.get('/', (req, res) => res.send("Hello World 안녕하세요 반갑습니다.")) app.post('/register', (req, res) => {     const user = new User(req.body)     user.save((err, userInfo) => {         if (err) return res.json({ success: false, err })         return res.status(200).json({             success: true         })     }); });

안녕하세요 John Ahn 님 유튜브로 영상을 보다가 무비앱 완독하고 유튜브까지 완독을 했습니다.  영상을 보면서 오류가 생길때마다 어찌어찌 해결하면서 끝까지 완독했는데요. 덕분에 React와 더불어 많은 공부를 할 수 있어 정말 감사드립니다. 다름이 아니라 코딩을 하다가 문제가 생겨서 이렇게 질문을 드립니다. 불과 몇시간전만 해도 모든 페이지를 완성해서 영상 업로드 및 댓글, 좋아요 기능 등 모든 페이지가 정상적으로 동작하는 것을 확인했습니다. 그상태로 깃허브에 commit 도 했구요 그런데 초반 upload 강의 중 setTimeout 부분이 적용이 안되서 혼자 구글링하며 이것저것 찾아보고 있는 도중에 갑자기 랜딩페이지가 에러가 뜨네요..  Unhandled Rejection (TypeError): Cannot read property 'image' of undefined (anonymous function) src/components/views/LandingPage/LandingPage.js:71   68 | <Meta avatar={// 유저 이미지    69 | // < Avatar     70 | // style={{ color: '#f56a00', backgroundColor: '#fde3cf' }}>SJ</Avatar> } > 71 | <Avatar src={video.writer.image} />}      | ^   72 | //영상 타이틀   73 |     title={video.title}/>    74 |     {/* writer_name */} LandingPage src/components/views/LandingPage/LandingPage.js:27   24 |         })   25 | }, []) //뒤에가 비어있으면 한번만 돈다   26 |  > 27 | const renderCards = Videos.map((video, index) => {      | ^   28 |     // duration을 받아올 때 모두 초로 되어있기에 따로 계산   29 |     var minutes = Math.floor(video.duration / 60);   30 |     var seconds = Math.floor(video.duration - minutes * 60); View compiled ▶ 18 stack frames were collapsed. (anonymous function) src/components/views/LandingPage/LandingPage.js:20   17 | .then(response => {   18 |     if (response.data.success) {   19 |         console.log(response.data.videos); > 20 |         setVideos(response.data.videos)      | ^   21 |     } else {   22 |         alert('비디오 가져오기를 실패했습니다')   23 |     } View compiled 이런 식으로요.. antd 에서 가져오는 Avatar 컴포넌트의 이미지 property를 읽을 수 없다는데요. 랜딩페이지는 초반에 완성을 하고 그 뒤에 건드리지도 않았는데.. 거기다 콘솔창에는 파일이 정상적으로 로드 된걸로 찍혀있어요.  그래서 redux app 으로 확인해보니 로그인은 되어 있는 상태고,  URL 에 주소를 입력하면 다른 페이지들은 접속이 가능합니다. 구독 페이지나 업로드 페이지, 로그인 등 페이지가 정상적으로 나와요. MongoDB에 데이터도 정상적으로 들어가 있고, 업로드 페이지에서 파일을 올려도 정상적으로 업로드가 되고 서버에도 저장이 됩니다.  그런데 홈으로 돌아가거나 구독 페이지를 통해서 비디오 디테일 페이지로 들어가면 다시 TypeError가 나옵니다. 혹시나해서 John Ahn님 깃허브에서 코드를 그대로 가져다 했는데도 안되서요.. 이렇게 질문을 남깁니다.  추가로 비디오 업로드 페이지에서 setTimeout이 적용이 안되는데 왜 그런지도 알 수 있을까요? GitHub 주소 입니다: https://github.com/ceylon85/youtube_clone

선생님 강의들 다 봤는데 다음 강의도 보고싶어서 정확히 언제쯤 나오는지 알고싶고 요새 flex를 사용많이한다는데 다음강의에 이 내용이 포함되나여?

실시간 미리보기 에서 html에 css 효과들이 적용이 전혀 안되요. 처음 brackets 열때도 폴더 안에서 open as 브라켓 인걸로 실행하고 그 뒤에도 왼쪽창에서 css 폴더랑 index. html 파일 만든 뒤에, css 폴더 안에 style.css 파일을 만들었습니다. 그리고 html 에서  <link rel="stylesheet" href="style.css"> 링크도 추가하였는데 css에서 스타일 준 값들이 html 에서 미리보기 하였을 때 전혀 적용되지 않은 채로 나오는데 뭐가 문제일까요ㅜㅜ

PS C:\Users\dahye\Desktop\chatbot-app-master> npm i > grpc@1.19.0 install C:\Users\dahye\Desktop\chatbot-app-master\node_modules\grpc > node-pre-gyp install --fallback-to-build --library=static_library node-pre-gyp WARN Using request for node-pre-gyp https download  node-pre-gyp WARN Tried to download(404): https://node-precompiled-binaries.grpc.io/grpc/v1.19.0/node-v72-win32-x64-unknown.tar.gz node-pre-gyp WARN Pre-built binaries not found for grpc@1.19.0 and node@12.13.1 (node-v72 ABI, unknown) (falling back to source compile with node-gyp) gyp ERR! find VS gyp ERR! find VS msvs_version not set from command line or npm config         gyp ERR! find VS VCINSTALLDIR not set, not running in VS Command Prompt       gyp ERR! find VS could not use PowerShell to find Visual Studio 2017 or newer gyp ERR! find VS looking for Visual Studio 2015 gyp ERR! find VS - not found gyp ERR! find VS not looking for VS2013 as it is only supported up to Node.js 8 gyp ERR! find VS gyp ERR! find VS ************************************************************** gyp ERR! find VS You need to install the latest version of Visual Studio gyp ERR! find VS including the "Desktop development with C++" workload. gyp ERR! find VS For more information consult the documentation at: gyp ERR! find VS https://github.com/nodejs/node-gyp#on-windows gyp ERR! find VS ************************************************************** gyp ERR! find VS  gyp ERR! configure error  gyp ERR! stack Error: Could not find any Visual Studio installation to use gyp ERR! stack     at VisualStudioFinder.fail (C:\Users\dahye\AppData\Roaming\npm\node_modules\npm\node_modules\node-gyp\lib\find-visualstudio.js:121:47) gyp ERR! stack     at C:\Users\dahye\AppData\Roaming\npm\node_modules\npm\node_modules\node-gyp\lib\find-visualstudio.js:74:16 gyp ERR! stack     at VisualStudioFinder.findVisualStudio2013 (C:\Users\dahye\AppData\Roaming\npm\node_modules\npm\node_modules\node-gyp\lib\find-visualstudio.js:351:14) gyp ERR! stack     at C:\Users\dahye\AppData\Roaming\npm\node_modules\npm\node_modules\node-gyp\lib\find-visualstudio.js:70:14 gyp ERR! stack     at C:\Users\dahye\AppData\Roaming\npm\node_modules\npm\node_modules\node-gyp\lib\find-visualstudio.js:372:16 gyp ERR! stack     at C:\Users\dahye\AppData\Roaming\npm\node_modules\npm\node_modules\node-gyp\lib\util.js:54:7 gyp ERR! stack     at C:\Users\dahye\AppData\Roaming\npm\node_modules\npm\node_modules\node-gyp\lib\util.js:33:16 gyp ERR! stack     at ChildProcess.exithandler (child_process.js:302:5) gyp ERR! stack     at ChildProcess.emit (events.js:210:5) gyp ERR! stack     at maybeClose (internal/child_process.js:1021:16) gyp ERR! System Windows_NT 10.0.18362 gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\dahye\\AppData\\Roaming\\npm\\node_modules\\npm\\node_modules\\node-gyp\\bin\\node-gyp.js" "configure" "--fallback-to-build" "--library=static_library" "--module=C:\\Users\\dahye\\Desktop\\chatbot-app-master\\node_modules\\grpc\\src\\node\\extension_binary\\node-v72-win32-x64-unknown\\grpc_node.node" "--module_name=grpc_node" "--module_path=C:\\Users\\dahye\\Desktop\\chatbot-app-master\\node_modules\\grpc\\src\\node\\extension_binary\\node-v72-win32-x64-unknown" "--napi_version=5" "--node_abi_napi=napi" "--napi_build_version=0" "--node_napi_label=node-v72" gyp ERR! cwd C:\Users\dahye\Desktop\chatbot-app-master\node_modules\grpc gyp ERR! node -v v12.13.1 gyp ERR! node-gyp -v v5.1.0 gyp ERR! not ok node-pre-gyp ERR! build error  node-pre-gyp ERR! stack Error: Failed to execute 'C:\Program Files\nodejs\node.exe C:\Users\dahye\AppData\Roaming\npm\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js configure --fallback-to-build --library=static_library --module=C:\Users\dahye\Desktop\chatbot-app-master\node_modules\grpc\src\node\extension_binary\node-v72-win32-x64-unknown\grpc_node.node --module_name=grpc_node --module_path=C:\Users\dahye\Desktop\chatbot-app-master\node_modules\grpc\src\node\extension_binary\node-v72-win32-x64-unknown --napi_version=5 --node_abi_napi=napi --napi_build_version=0 --node_napi_label=node-v72' (1) node-pre-gyp ERR! stack     at ChildProcess.<anonymous> (C:\Users\dahye\Desktop\chatbot-app-master\node_modules\grpc\node_modules\node-pre-gyp\lib\util\compile.js:83:29) node-pre-gyp ERR! stack     at ChildProcess.emit (events.js:210:5) node-pre-gyp ERR! stack     at maybeClose (internal/child_process.js:1021:16) node-pre-gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:283:5) node-pre-gyp ERR! System Windows_NT 10.0.18362 node-pre-gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\dahye\\Desktop\\chatbot-app-master\\node_modules\\grpc\\node_modules\\node-pre-gyp\\bin\\node-pre-gyp" "install" "--fallback-to-build" "--library=static_library" node-pre-gyp ERR! cwd C:\Users\dahye\Desktop\chatbot-app-master\node_modules\grpc node-pre-gyp ERR! node -v v12.13.1 node-pre-gyp ERR! node-pre-gyp -v v0.12.0 node-pre-gyp ERR! not ok  Failed to execute 'C:\Program Files\nodejs\node.exe C:\Users\dahye\AppData\Roaming\npm\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js configure --fallback-to-build --library=static_library --module=C:\Users\dahye\Desktop\chatbot-app-master\node_modules\grpc\src\node\extension_binary\node-v72-win32-x64-unknown\grpc_node.node --module_name=grpc_node --module_path=C:\Users\dahye\Desktop\chatbot-app-master\node_modules\grpc\src\node\extension_binary\node-v72-win32-x64-unknown --napi_version=5 --node_abi_napi=napi --napi_build_version=0 --node_napi_label=node-v72' (1) npm WARN chatbot-app@1.0.0 No repository field. npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.7: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! grpc@1.19.0 install: `node-pre-gyp install --fallback-to-build --library=static_library` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the grpc@1.19.0 install script. npm ERR! This is probably not a problem with npm. There is likely additional logging output  above. npm ERR! A complete log of this run can be found in: npm ERR!     C:\Users\dahye\AppData\Roaming\npm-cache\_logs\2020-04-18T16_19_10_964Z-debug.log 이렇게 뜨는데  package.json 에서 engines 부분을 지우고 해도 에러떠요 ㅠㅠ 제 node, npm 버전으로 수정해 입력후 npm install해도 에러뜨네요.. 혹시 뭐가 문제인지 알수 있을까요?

아래와 같이 오류가 뜨는데 원인이 뭔가요 ㅠ ps로 확인했을 때는 정상적으로 프로세스가 작동중이긴 합니다.

강의 내용 복습하고 혼자 토이프로젝트를 진행해봣는데요 이 웹사이트를 앱으로 만들 수 있는 방법에는 어떤 방법이 있나요?? 혹시 어플개발을 처음부터 해야하는 것인가요?? 구글링해봐도 웹투앱 이런 광고들밖에 없어서 혹시 간단하게 어플을 제작할 방법이 있나요?

처음 vue를 접했을 때, 왜 화살표 함수를 쓰는건지 이해하지 못하고 사용하고 있었는데.. 선생님 덕분에 궁금증이 풀렸습니다. 뷰 인스턴스의 this를 따로 바인딩 하지 않아도, 화살표 함수를 쓰면 함수를 정의하는 시점에 this를 그대로 매칭해서 쓸 수 있기 때문에 화살표 함수를 자주 쓰는 것이었군요. 콜백함수에서 this가 풀려버린다는 것도 이제 알았습니다. 덕분에 수수께끼같이 콜백에서 (예로 들어 addEventListener) this가 풀려서, es5로 개발할 때 bind()함수로 this를 구현해준다던지, 강의에서처럼 var vm=this;로 매핑해서 사용해줬었는데요. 콜백에서 this를 잃어버리는 것이 자바스크립트가 가진 원래의 생김새라는걸 알았네요. ES6에서 화살표 함수가 등장하게 된 이유도 비로소 이해가 되었구요. 좋은 강의 감사합니다 선생님:-)덕분에 내내 궁금해만 하고 있던게 풀렸습니다. 선생님 블로그 글을 먼저 접해서 비동기, 콜백, 프로미스, 어싱크 관련 글들을 먼저 읽었었는데, 확실히 강의로 들으니 와닿는게 또 다르네요.

마지막 정리하면서 강의하실때 gmarket 을 가지고 베스트 상품들 크롤링 하시는 것을 보여주셨는데요, 똑같이 쿠팡이나 티몬을 하려고 했을 때 soup  = BeautifulSoup(res.content, 'html.parser') 이부분에서부터 오류가 발생하게 되더라구요.  

password라는 변수를 넣을때, str(len(~~)) 이런 식으로 사용하셨는데, str을 넣은 이유는 정수를 문자처럼 사용해 주기 위해서. 맞나요?

list.html 상에 시간을 표시하는 부분에서 <td>{{data.pubdate|formatdatetime}}</td> 위와 같이 formatdatetime 를 넣으면  jinja2.exceptions.UndefinedError: 'dict object' has no attribute 'pubdate' 위와 같이 에러가 발생하고, 아래와 같이 해당 부분을 삭제하면 <td>{{data.pubdate}}</td> 시간이 원하는 형태로 출력이 되지는 않지만, 에러없이 리스트가 나옵니다. 원인이 뭘까요? 상세보기 실습인 view.html 에서는 이상없이 출력이 됐었는데요. 오타가 있는지도 계속 살펴보는데 이유를 모르겠습니다.

안녕하세요.강의 잘 듣고 있던 도중 궁금한 점이 생겨서 질문드립니다.엔티티 설계시 주의점 21분쯤에 cascade옵션에 대해서 설명해 주셨는데, 왜 Order 엔티티에 있는 필드값에만 이를 적용하고 다른 곳에는 적용하지 않으셨는지 궁금합니다. 또한, 어떤 기준을 통해 cascade 옵션을 적용시켜야 하는지 궁금해서 여쭤봅니다.

Soft WDT reset ~메모리 덤프데이터 등등~  ets Jan  8 2013,rst cause:2, boot mode:(3,6) 라면서 계속 보드가 재부팅을 합니다. MQTT 서버에서 연결이 되는걸 확인했는데, 자꾸 재부팅을 해버리네요 검색해본 결과로는 loop가 오래돌면 와치독 타이머가 걸리면서 리부트를 시켜주는거라는데, 코드를 와이파이 이름과 비밀번호, MQTT ip주소만 바꿔서 그대로 업로드해도 계속 재부팅이 됩니다   ESP.wdtDisable(); 아니면 wdt_rest() 코드를 사용하면 해결할 수 있다는데, 넣어봐도 잘 안되고 어떻게 해결을 해야할질 모르겠네요.

연습을 토대로 코딩도장에가서 레벨1부터 풀어보려구 하는데 개개인적 특성은 잘 알고있다고 생각했으나 막상 실전연습 문제를 보니 하나도 떠오르지가 않습니다 ㅠㅠ.. 혹시 차근차근 연습해나갈 수 있는 사이트나 팁이나 서적 추천해주실 수 있으신가요,,?

안녕하세요 선생님. 이전에 패키지 설치 문제로 질문을 드렸었습니다. 답변으로 말씀 해 주신 아래 내용은..  1. 관리자 권한으로 atom 실행 → 동일한 현상 발생 2. vscode에서 실행 테스트 → 무슨 말씀인지 이해를 못했습니다..ㅠㅠ 이러한 이유로 아나콘다, 깃, 아톰, 파이썬, vscode 모든 프로그램 삭제 후  재부팅 및 방화벽 해제한 뒤 아나콘다, 깃, 아톰만 재설치를 진행하였으나 동일한 증상이 나타납니다(ㅜㅜ) -------------------------------------------- atom에서 Install Packages 검색창에 script를 검색하면 Searching for "script" failed. Show output... 이라는 문구가 나오고, Show output을 클릭하면 unable to verify the first certificate라는 메시지가 나옵니다. 위 내용을 구글에 검색해보니 아래와 같은 글을 찾을 수 있었습니다. https://archive.htrucci.com/1168/atom-unable-to-verify-the-first-certificate-gyp-err-stack-at-error-native/ 이 글에 따르면,  네트워크 환경이 프록시 일 경우 (?) self 인증서 환경일 경우 (?) 해당 오류가 발생한다고 하여 (문제 상황이 무엇을 말하는지는 제대로 이해하지 못했으나) 일단 글에서 알려준 방법대로 해 보았지만 문제가 해결되지 않고 계속하여 동일한 현상이 나타납니다.  -------------------------------------------- 결국 아래 글을 참고하여  https://github.com/atom/atom/issues/16361 프롬프터에 apm install script 명령어를 입력 후 패키지 설치에는 성공 했습니다만, 왜 이런 현상이 발생하는지, 정상적인 방법(atom내에서 검색하여 설치)으로 설치하는 건 영원히 불가능한지 궁금합니다ㅠㅠ  -------------------------------------------- 제 경우가 매우 특수한 경우라고 생각되고, 선생님께 질문을 드리기 죄송스러워 혼자 해결하기 위해 여러 방법을 찾아보았지만... 임시방편일 뿐 근본적인 해결책은 잘 모르겠습니다.. ㅠㅠ 죄송합니다