좋은 강의 감사합니다.영상 17:10쯤 사용법 확인하는 단축키가 무엇인가요?

예전 수업에서 링크 주소를 문서에서 보이게 하는 방법을 들었던 것 같은데 아무리 찾아도 보이지 않습니다ㅠㅠ <li><a href="http://www.naver.com">네이버</a></li> 라고 하면 저는 '네이버' 라는 글만 문서에 뜨고 주소까지는 뜨지 않습니다ㅠㅠ 이번 수업에서 선생님께서 코딩한 것과 똑같이 했는데 왜 주소는 보이지 않는건지 모르겠습니다ㅠ

안녕하세요. 좋은 강의를 듣게해주셔서 우선 감사의 말씀드립니다 ^^ 조금 헷갈리는 부분이 있어서요! 아래와 같이 Order 앤터티 내에 orderItems 는 @OneToMany 후 mappedBy 를 통해 연간관계의 주인이 아니다고 선언을 해주었는데요. @OneToMany(mappedBy = "order",cascade = CascadeType.ALL)private List<OrderItem> orderItems = new ArrayList<>(); 연관관계의 주인이 아니기 때문에 해당필드에 대해 읽기만 가능하며 수정을 하더라도 수정에 대해 반영이 안된다고 이해를 했었습니다. 그런데  Order 엔터티의 orderItems 에 cascade 옵션을 걸어주어, 별도로 OrderItem 을 코드에서 save (혹은 persist) 하지 않아도 Order만 save 하니 orderItems 이 다 자동으로 persist가 되었는데요. 어떻게 보면, Order 가 연관관계 주인이 아님에도OrderRepository.save(order) 를 통해 Order 앤터티에 의해 외래키 설정이 된것처럼 보이는데, 처음에는 연관관계의 주인이 아니니 되어선 안된다고 생각을 했었습니다. cascase 는 약간 예외적인 옵션인지, 제가 잘못 이해한부분이 있는지 궁금합니다.

Thank you for the great videos. I tried to download the files from www.creapple.com - but I cannot find the file at all. Can you please advise me?

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 에서는 이상없이 출력이 됐었는데요. 오타가 있는지도 계속 살펴보는데 이유를 모르겠습니다.