무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
boilerplate 다운로드 및 npm install 시 에러
아직 root 폴더에서 npm install 하는 단계입니다. 에러를 구글링하다보니 windows-build-tools 를 설치해야한다고해서, 관리자권한으로 powershell 실행해서 잘 설치했는데 해결되지 않아서요..ㅠㅠ 어떻게 해야할지 알려주실 수 있을까요? ++ 에러메시지 아래 추천으로 npm config set python 을 실행해봤지만 해결되지 않았습니다. node-pre-gyp WARN Using needle for node-pre-gyp https download node-pre-gyp WARN Tried to download(404): https://github.com/kelektiv/node.bcrypt.js/releases/download/v3.0.8/bcrypt_lib-v3.0.8-node-v83-win32-x64-unknown.tar.gz node-pre-gyp WARN Pre-built binaries not found for bcrypt@3.0.8 and node@14.16.0 (node-v83 ABI, unknown) (falling back to source compile with node-gyp) gyp ERR! find Python gyp ERR! find Python Python is not set from command line or npm configuration gyp ERR! find Python Python is not set from environment variable PYTHON gyp ERR! find Python checking if "python" can be used gyp ERR! find Python - "python" is not in PATH or produced an error gyp ERR! find Python checking if "python2" can be used gyp ERR! find Python - "python2" is not in PATH or produced an error gyp ERR! find Python checking if "python3" can be used gyp ERR! find Python - "python3" is not in PATH or produced an error gyp ERR! find Python checking if the py launcher can be used to find Python 2 gyp ERR! find Python - "py.exe" is not in PATH or produced an error gyp ERR! find Python checking if Python is C:\Python27\python.exe gyp ERR! find Python - "C:\Python27\python.exe" could not be run gyp ERR! find Python checking if Python is C:\Python37\python.exe gyp ERR! find Python - "C:\Python37\python.exe" could not be run gyp ERR! find Python gyp ERR! find Python ********************************************************** gyp ERR! find Python You need to install the latest version of Python. gyp ERR! find Python Node-gyp should be able to find and use Python. If not, gyp ERR! find Python you can try one of the following options: gyp ERR! find Python - Use the switch --python="C:\Path\To\python.exe" gyp ERR! find Python (accepted by both node-gyp and npm) gyp ERR! find Python - Set the environment variable PYTHON gyp ERR! find Python - Set the npm configuration variable python: gyp ERR! find Python npm config set python "C:\Path\To\python.exe" gyp ERR! find Python For more information consult the documentation at: gyp ERR! find Python https://github.com/nodejs/node-gyp#installation gyp ERR! find Python ********************************************************** gyp ERR! find Python gyp ERR! configure error gyp ERR! stack Error: Could not find any Python installation to use gyp ERR! stack at PythonFinder.fail (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-python.js:307:47) gyp ERR! stack at PythonFinder.runChecks (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-python.js:136:21) gyp ERR! stack at PythonFinder.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-python.js:225:16) gyp ERR! stack at PythonFinder.execFileCallback (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-python.js:271:16) gyp ERR! stack at exithandler (child_process.js:315:5) gyp ERR! stack at ChildProcess.errorhandler (child_process.js:327:5) gyp ERR! stack at ChildProcess.emit (events.js:315:20) gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:275:12) gyp ERR! stack at onErrorNT (internal/child_process.js:465:16) gyp ERR! stack at processTicksAndRejections (internal/process/task_queues.js:80:21) gyp ERR! System Windows_NT 10.0.19042 gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\node_modules\\node-gyp\\bin\\node-gyp.js" "configure" "--fallback-to-build" "--module=C:\\김하영\\STUDY\\react\\react_study_2\\boilerplate-mern-stack-master\\node_modules\\bcrypt\\lib\\binding\\bcrypt_lib.node" "--module_name=bcrypt_lib" "--module_path=C:\\김하영\\STUDY\\react\\react_study_2\\boilerplate-mern-stack-master\\node_modules\\bcrypt\\lib\\binding" "--napi_version=7" "--node_abi_napi=napi" "--napi_build_version=0" "--node_napi_label=node-v83" gyp ERR! cwd C:\김하영\STUDY\react\react_study_2\boilerplate-mern-stack-master\node_modules\bcrypt gyp ERR! node -v v14.16.0 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:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js configure --fallback-to-build --module=C:\김하영\STUDY\react\react_study_2\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding\bcrypt_lib.node --module_name=bcrypt_lib --module_path=C:\김하영\STUDY\react\react_study_2\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding --napi_version=7 --node_abi_napi=napi --napi_build_version=0 --node_napi_label=node-v83' (1) node-pre-gyp ERR! stack at ChildProcess.<anonymous> (C:\김하영\STUDY\react\react_study_2\boilerplate-mern-stack-master\node_modules\node-pre-gyp\lib\util\compile.js:83:29) node-pre-gyp ERR! stack at ChildProcess.emit (events.js:315:20) node-pre-gyp ERR! stack at maybeClose (internal/child_process.js:1048:16) node-pre-gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:288:5) node-pre-gyp ERR! System Windows_NT 10.0.19042 node-pre-gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\김하영\\STUDY\\react\\react_study_2\\boilerplate-mern-stack-master\\node_modules\\node-pre-gyp\\bin\\node-pre-gyp" "install" "--fallback-to-build" node-pre-gyp ERR! cwd C:\김하영\STUDY\react\react_study_2\boilerplate-mern-stack-master\node_modules\bcrypt node-pre-gyp ERR! node -v v14.16.0 node-pre-gyp ERR! node-pre-gyp -v v0.14.0 node-pre-gyp ERR! not ok Failed to execute 'C:\Program Files\nodejs\node.exe C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js configure --fallback-to-build --module=C:\김하영\STUDY\react\react_study_2\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding\bcrypt_lib.node --module_name=bcrypt_lib --module_path=C:\김하 영\STUDY\react\react_study_2\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding --napi_version=7 --node_abi_napi=napi --napi_build_version=0 --node_napi_label=node-v83' (1) npm WARN react-redux@5.1.2 requires a peer of react@^0.14.0 || ^15.0.0-0 || ^16.0.0-0 but none is installed. You must install peer dependencies yourself. npm WARN react-redux@5.1.2 requires a peer of redux@^2.0.0 || ^3.0.0 || ^4.0.0-0 but none is installed. You must install peer dependencies yourself. npm WARN react-boiler-plate@1.0.0 No repository field. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.12 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.12: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! bcrypt@3.0.8 install: `node-pre-gyp install --fallback-to-build` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the bcrypt@3.0.8 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\jerem\AppData\Roaming\npm-cache\_logs\2021-04-26T00_37_15_758Z-debug.log
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
보일러플레이트 아이디 저장
보일러플레이트 아이디 저장이 undefined가 떠요
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
npm run dev 오류 ..
오류가 나서 재설치하고 처음부터 합니다 .. ㅠ npm run dev 이런 상황에서 어떻게 해결할지 도와주세요 sh: concurrently: command not found npm ERR! code ELIFECYCLE npm ERR! syscall spawn npm ERR! file sh npm ERR! errno ENOENT npm ERR! react-boiler-plate@1.0.0 dev: `concurrently "npm run backend" "npm run start --prefix client"` npm ERR! spawn ENOENT npm ERR! npm ERR! Failed at the react-boiler-plate@1.0.0 dev script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm WARN Local package.json exists, but node_modules missing, did you mean to install? npm ERR! A complete log of this run can be found in: npm ERR! /Users/kimhyesu/.npm/_logs/2021-04-16T11_16_00_841Z-debug.log gimhyesuui-MacBook-Pro:boilerplate-mern-stack-master kimhyesu$
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
npm start가 안됩니다
npm start 하니 이런 오류가 뜹니다. 어떻게 해결해야할지 알려주세요 감사합니다. 터미널 오류를 복사붙여넣기 하자면 이렇습니다. > react-boiler-plate@1.0.0 start /Users/kimhyesu/Downloads/boilerplate-mern-stack-master > node server/index.js /Users/kimhyesu/Downloads/boilerplate-mern-stack-master/server/routes/video.js:16 upload(req, res, err ) => { ^^^^^^^^^^^^^^^^^^^^^ SyntaxError: Malformed arrow function parameter list at wrapSafe (internal/modules/cjs/loader.js:979:16) at Module._compile (internal/modules/cjs/loader.js:1027:27) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10) at Module.load (internal/modules/cjs/loader.js:928:32) at Function.Module._load (internal/modules/cjs/loader.js:769:14) at Module.require (internal/modules/cjs/loader.js:952:19) at require (internal/modules/cjs/helpers.js:88:18) at Object.<anonymous> (/Users/kimhyesu/Downloads/boilerplate-mern-stack-master/server/index.js:37:23) at Module._compile (internal/modules/cjs/loader.js:1063:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10) at Module.load (internal/modules/cjs/loader.js:928:32) at Function.Module._load (internal/modules/cjs/loader.js:769:14) at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12) at internal/main/run_main_module.js:17:47 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! react-boiler-plate@1.0.0 start: `node server/index.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the react-boiler-plate@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/kimhyesu/.npm/_logs/2021-04-16T07_59_10_322Z-debug.log
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
504 에러 발생
Failed to load resource: the server responded with a status of 504 (Gateway Timeout) Uncaught (in promise) Error: Request failed with status code 504 이 2개의 콘솔 에러가 발생합니다 어떻게 해결해야 하나요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
완성 후 배포 질문
선생님 만약 이 강의를 따라 햇을 때 배포는 어떻게 하나요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
<select> 의 경우 onChange 가 없어도 값이 변하던데
나중에 값을 활용하기위해 미리 state에 넣어두신건가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
드랍존이 생성되지않습니다.
같은코드로 작성했는데 드랍존이 생성되지않습니다. 한번만 봐주세요!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
강사님 에러한번만봐주세요
[1] ./src/components/views/VideoUploadPage/VideoUploadPage.js [1] Module not found: Can't resolve 'autd' in 'C:\Users\1\Desktop\boilerplate-mern-stack-master\client\src\components\views\VideoUploadPage' [1] Error from chokidar (C:\): Error: EBUSY: resource busy or locked, lstat 'C:\DumpStack.log.tmp' [1] Compiling... [1] Failed to compile. [1] [1] ./src/components/views/VideoUploadPage/VideoUploadPage.js [1] Module not found: Can't resolve 'autd' in 'C:\Users\1\Desktop\boilerplate-mern-stack-master\client\src\components\views\VideoUploadPage' 이렇게 뜹니다..ㅠ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
에러 났을 때 둘의 차이점이 뭔지 궁금합니다
어떨 때는 위, 어떨 때는 아래를 사용하시는데 둘의 차이점이 뭔지 궁금합니다 if (err) return res.json({ success: false, err }); if (err) return res.status(400).send(err);
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
안녕하세요
antd 의 Row gutter 속성은 무엇을 의미하나요 ? {[16,16]} 이부분이 이해가 안되어 여쭙습니다 !
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
영상 업로드 관련하여 질문 있습니다
서버를 돌린 pc에서 localhost로 접속해서 업로드를 하면 업로드가 잘 되는데 서버를 돌린 pc랑 다른 pc에서 ip를 통해 웹에 접속한 다음 업로드를 진행하면 upload fail이 뜨고 서버에도 영상 저장이 안 됩니다 설정을 따로 해줘야 할게 있나요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
드랍존 에러 질문드립니다 저번에도 질문 드렸는데 답을 안 해주셔서 다시 써요ㅠㅜ
드랍존에 영상을 마우스로 끌어와서 하는건 작동이 되는데 드랍존 클릭을 하면 Uncaught TypeError: inputRef.current.click is not a function 이런 에러가 뜹니다. 해결 방법 좀 부탁드릴게요ㅠㅜ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
경로 오류?
안녕하세요 루트 경로에 있는 uploads폴더에 영상 저장 / 썸네일 생성이 안되서 여러가지로 시도하다가 결국 해결은 했는데 왜 그랬던 건 지 이해가 안가서 질문드립니다. index.js 에서 app.use("/uploads", express.static("../uploads/")); video.js 에서 cb(null, "../uploads/") filepath = "uploads/thumbnails/" folder: "../uploads/thumbnails" 요렇게 설정하니까 제대로 들어가던데 혹시 뭐가 문제였던걸까요? 깃헙주소도 첨부합니다 https://github.com/minidevhs/umtube/tree/73d8429f007a571318439c11bed736eb73f3a155
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
multer에서 filefilter 부분
filefilter부분에서 확장자명을 ext 변수로 뽑은 다음에 .mp4가 아니면 거절하게 만들었는데 png파일이나 다른 기타 등등의 파일이 필터가 안되는 이유가 뭘까요
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
파일 업로드를 실패합니다
안녕하세요 ! 강의 잘 듣고 있습니다. 강의를 잘 따라오던 중 이번 강의에서 에러가 발생했는데 어떤 부분이 문제인지 모르겠습니다. 콘솔창에 나오는 에러 두개이구요 깃헙 소스코드 입니다 : https://github.com/minidevhs/umtube/tree/278be6a0a1c321b7749538d61464a54161fa8d2b
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
npm install react-dropzone --save 후에 cd.. npm run dev 하면 오류
(사진)
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
replyComment 에서 map 매소드가 undefined로 나옵니다
안녕하세요! 좋은 강의 정말 감사드립니다! ReplyComment 컴포넌트에서 commentNumber를 만들기위한 map 매소드가 undefined로 나옵니다. 데이터가 제대로 넘어오지 않는건가해서 console.log로 찍어봤는데 처음에는 이렇게 넘어 오는 것 같으나 결국엔 하단에 다시 undefinded로 나오고 있습니다. https://github.com/Yoojin-Hwang-coder/react-youtube-clone 깃헙주소 입니다. 혹시 한 번 봐주실 수 있으실까요? 감사합니다!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
HOC 관련 질문입니다.
안녕하세요 강사님. HOC 질문이 있습니다. App.js에서 Auth로 인증체크 뒤에 페이지 전환이 되잖아요. A페이지가 로그인 시에만 들어갈 수 있는 페이지인데 로그인이 안되어 있는 상태에서 A 페이지로 가려고 할 경우 A페이지로 갔다가 다시 로그인 페이지 이동하면서 A페이지가 아주 잠깐이지만 보이게 되는데요. 이런 문제는 어떻게 해결이 가능 할까요??
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
npm run dev
npm run dev 부분에서 계속 충돌이 되는데 구글링을 해도 해결이 안됩니다 다양한 방법을 썼는데도 안되는데 뭐가 문제인가요?ㅠㅠㅠ npm ERR! code ENOENT npm ERR! enoent ENOENT: no such file or directory, open 'C:\Users\USER\Desktop\another\유투브프로그램\package.json' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\USER\AppData\Roaming\npm-cache\_logs\2021-03-09T06_57_55_182Z-debug.log PS C:\Users\USER\Desktop\another\유투브프로그램> cd C:\Users\USER\Desktop\another\유투 브프로그램\boilerplate-mern-stack-master PS C:\Users\USER\Desktop\another\유투브프로그램\boilerplate-mern-stack-master> npm run dev > react-boiler-plate@1.0.0 dev C:\Users\USER\Desktop\another\유투브프로그램\boilerplate-mern-stack-master > concurrently "npm run backend" "npm run start --prefix client" [1] npm ERR! code ENOENT [1] npm ERR! syscall open [1] npm ERR! path C:\Users\USER\Desktop\another\유투브프로그램\boilerplate-mern-stack-master\client\package.json [1] npm ERR! errno -4058 [1] npm ERR! enoent ENOENT: no such file or directory, open 'C:\Users\USER\Desktop\another\유투브프로그램\boilerplate-mern-stack-master\client\package.json' [1] npm ERR! enoent This is related to npm not being able to find a file. [1] npm ERR! enoent [1] [1] npm ERR! A complete log of this run can be found in: [1] npm ERR! C:\Users\USER\AppData\Roaming\npm-cache\_logs\2021-03-09T07_01_35_362Z-debug.log [0] [0] > react-boiler-plate@1.0.0 backend C:\Users\USER\Desktop\another\유투브프로그램\boilerplate-mern-stack-master [0] > nodemon server/index.js [0] [1] npm run start --prefix client exited with code 4294963238 [0] [nodemon] 1.19.4 [0] [nodemon] to restart at any time, enter `rs` [0] [nodemon] watching dir(s): *.* [0] [nodemon] watching extensions: js,mjs,json [0] [nodemon] starting `node server/index.js` [0] internal/modules/cjs/loader.js:883 [0] throw err; [0] ^ [0] [0] Error: Cannot find module 'bcrypt' [0] Require stack: [0] - C:\Users\USER\Desktop\another\유투브프로그램\boilerplate-mern-stack-master\server\models\User.js [0] - C:\Users\USER\Desktop\another\유투브프로그램\boilerplate-mern-stack-master\server\routes\users.js [0] - C:\Users\USER\Desktop\another\유투브프로그램\boilerplate-mern-stack-master\server\index.js [0] at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15) [0] at Function.Module._load (internal/modules/cjs/loader.js:725:27) [0] at Module.require (internal/modules/cjs/loader.js:952:19) [0] at require (internal/modules/cjs/helpers.js:88:18) [0] at Object.<anonymous> (C:\Users\USER\Desktop\another\유투브프로그램\boilerplate-mern-stack-master\server\models\User.js:2:16) [0] at Module._compile (internal/modules/cjs/loader.js:1063:30) [0] at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10) [0] at Module.load (internal/modules/cjs/loader.js:928:32) [0] at Function.Module._load (internal/modules/cjs/loader.js:769:14) [0] at Module.require (internal/modules/cjs/loader.js:952:19) [0] at require (internal/modules/cjs/helpers.js:88:18) [0] at Object.<anonymous> (C:\Users\USER\Desktop\another\유투브프로그램\boilerplate-mern-stack-master\server\routes\users.js:3:18) [0] at Module._compile (internal/modules/cjs/loader.js:1063:30) [0] at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10) [0] at Module.load (internal/modules/cjs/loader.js:928:32) [0] at Function.Module._load (internal/modules/cjs/loader.js:769:14) { [0] code: 'MODULE_NOT_FOUND', [0] requireStack: [ [0] 'C:\\Users\\USER\\Desktop\\another\\유투브프로그램\\boilerplate-mern-stack-master\\server\\models\\User.js', [0] 'C:\\Users\\USER\\Desktop\\another\\유투브프로그램\\boilerplate-mern-stack-master\\server\\routes\\users.js', [0] 'C:\\Users\\USER\\Desktop\\another\\유투브프로그램\\boilerplate-mern-stack-master\\server\\index.js' [0] ] [0] } [0] [nodemon] app crashed - waiting for file changes before starting...