무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
npm install error
2번째 강의에서 깃허브 사이트에 들어가서 zip 다운받은 후 열어서 npm install 하는 과정에서 설치가 되지않고 에러가 나옵니다. 무시하고 진행을 하려는데 나중에도 계속 안되서 질문 올립니다. 어떤 에러인지 잘 모르겠어서 해결방법을 모르겠습니다.ㅠ Microsoft Windows [Version 10.0.19042.867] (c) 2020 Microsoft Corporation. All rights reserved. C:\Users\gjj\Desktop\boilerplate-mern-stack-master>npm install npm ERR! code 1 npm ERR! path C:\Users\gjj\Desktop\boilerplate-mern-stack-master\node_modules\bcrypt npm ERR! command failed npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node-pre-gyp install --fallback-to-build npm ERR! 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:\Users\gjj\Desktop\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding\bcrypt_lib.node --module_name=bcrypt_lib --module_path=C:\Users\gjj\Desktop\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding --napi_version=7 --node_abi_napi=napi --napi_build_version=0 --node_napi_label=node-v88' (1) npm ERR! node-pre-gyp info it worked if it ends with ok npm ERR! node-pre-gyp info using node-pre-gyp@0.14.0 npm ERR! node-pre-gyp info using node@15.11.0 | win32 | x64 npm ERR! node-pre-gyp WARN Using needle for node-pre-gyp https download npm ERR! node-pre-gyp info check checked for "C:\Users\gjj\Desktop\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding\bcrypt_lib.node" (not found) npm ERR! node-pre-gyp http GET https://github.com/kelektiv/node.bcrypt.js/releases/download/v3.0.8/bcrypt_lib-v3.0.8-node-v88-win32-x64-unknown.tar.gz npm ERR! node-pre-gyp http 404 https://github.com/kelektiv/node.bcrypt.js/releases/download/v3.0.8/bcrypt_lib-v3.0.8-node-v88-win32-x64-unknown.tar.gz npm ERR! 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-v88-win32-x64-unknown.tar.gz npm ERR! node-pre-gyp WARN Pre-built binaries not found for bcrypt@3.0.8 and node@15.11.0 (node-v88 ABI, unknown) (falling back to source compile with node-gyp) npm ERR! node-pre-gyp http 404 status code downloading tarball https://github.com/kelektiv/node.bcrypt.js/releases/download/v3.0.8/bcrypt_lib-v3.0.8-node-v88-win32-x64-unknown.tar.gz npm ERR! gyp info it worked if it ends with ok npm ERR! gyp info using node-gyp@7.1.2 npm ERR! gyp info using node@15.11.0 | win32 | x64 npm ERR! gyp info ok npm ERR! gyp info it worked if it ends with ok npm ERR! gyp info using node-gyp@7.1.2 npm ERR! gyp info using node@15.11.0 | win32 | x64 npm ERR! gyp ERR! find Python npm ERR! gyp ERR! find Python Python is not set from command line or npm configuration npm ERR! gyp ERR! find Python Python is not set from environment variable PYTHON npm ERR! gyp ERR! find Python checking if "python3" can be used npm ERR! gyp ERR! find Python - "python3" is not in PATH or produced an error npm ERR! gyp ERR! find Python checking if "python" can be used npm ERR! gyp ERR! find Python - "python" is not in PATH or produced an error npm ERR! gyp ERR! find Python checking if "python2" can be used npm ERR! gyp ERR! find Python - "python2" is not in PATH or produced an error npm ERR! gyp ERR! find Python checking if Python is C:\Python37\python.exe npm ERR! gyp ERR! find Python - "C:\Python37\python.exe" could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Python27\python.exe npm ERR! gyp ERR! find Python - "C:\Python27\python.exe" could not be run npm ERR! gyp ERR! find Python checking if the py launcher can be used to find Python npm ERR! gyp ERR! find Python - "py.exe" is not in PATH or produced an error npm ERR! gyp ERR! find Python npm ERR! gyp ERR! find Python ********************************************************** npm ERR! gyp ERR! find Python You need to install the latest version of Python. npm ERR! gyp ERR! find Python Node-gyp should be able to find and use Python. If not, npm ERR! gyp ERR! find Python you can try one of the following options: npm ERR! gyp ERR! find Python - Use the switch --python="C:\Path\To\python.exe" npm ERR! gyp ERR! find Python (accepted by both node-gyp and npm) npm ERR! gyp ERR! find Python - Set the environment variable PYTHON npm ERR! gyp ERR! find Python - Set the npm configuration variable python: npm ERR! gyp ERR! find Python npm config set python "C:\Path\To\python.exe" npm ERR! gyp ERR! find Python For more information consult the documentation at: npm ERR! gyp ERR! find Python https://github.com/nodejs/node-gyp#installation npm ERR! gyp ERR! find Python ********************************************************** npm ERR! gyp ERR! find Python npm ERR! gyp ERR! configure error npm ERR! gyp ERR! stack Error: Could not find any Python installation to use npm ERR! gyp ERR! stack at PythonFinder.fail (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-python.js:302:47) npm ERR! gyp ERR! stack at PythonFinder.runChecks (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-python.js:136:21)npm ERR! gyp ERR! stack at PythonFinder.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-python.js:200:18) npm ERR! gyp ERR! stack at PythonFinder.execFileCallback (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-python.js:266:16) npm ERR! gyp ERR! stack at exithandler (node:child_process:333:5) npm ERR! gyp ERR! stack at ChildProcess.errorhandler (node:child_process:345:5) npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:378:20) npm ERR! gyp ERR! stack at Process.ChildProcess._handle.onexit (node:internal/child_process:288:12) npm ERR! gyp ERR! stack at onErrorNT (node:internal/child_process:480:16) npm ERR! gyp ERR! stack at processTicksAndRejections (node:internal/process/task_queues:81:21) npm ERR! gyp ERR! System Windows_NT 10.0.19042 npm ERR! 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:\\Users\\gjj\\Desktop\\boilerplate-mern-stack-master\\node_modules\\bcrypt\\lib\\binding\\bcrypt_lib.node" "--module_name=bcrypt_lib" "--module_path=C:\\Users\\gjj\\Desktop\\boilerplate-mern-stack-master\\node_modules\\bcrypt\\lib\\binding" "--napi_version=7" "--node_abi_napi=napi" "--napi_build_version=0" "--node_napi_label=node-v88" npm ERR! gyp ERR! cwd C:\Users\gjj\Desktop\boilerplate-mern-stack-master\node_modules\bcrypt npm ERR! gyp ERR! node -v v15.11.0 npm ERR! gyp ERR! node-gyp -v v7.1.2 npm ERR! gyp ERR! not ok npm ERR! node-pre-gyp ERR! build error npm ERR! 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:\Users\gjj\Desktop\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding\bcrypt_lib.node --module_name=bcrypt_lib --module_path=C:\Users\gjj\Desktop\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding --napi_version=7 --node_abi_napi=napi --napi_build_version=0 --node_napi_label=node-v88' (1) npm ERR! node-pre-gyp ERR! stack at ChildProcess.<anonymous> (C:\Users\gjj\Desktop\boilerplate-mern-stack-master\node_modules\node-pre-gyp\lib\util\compile.js:83:29) npm ERR! node-pre-gyp ERR! stack at ChildProcess.emit (node:events:378:20) npm ERR! node-pre-gyp ERR! stack at maybeClose (node:internal/child_process:1067:16) npm ERR! node-pre-gyp ERR! stack at Process.ChildProcess._handle.onexit (node:internal/child_process:301:5) npm ERR! node-pre-gyp ERR! System Windows_NT 10.0.19042 npm ERR! node-pre-gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\gjj\\Desktop\\boilerplate-mern-stack-master\\node_modules\\node-pre-gyp\\bin\\node-pre-gyp" "install" "--fallback-to-build" npm ERR! node-pre-gyp ERR! cwd C:\Users\gjj\Desktop\boilerplate-mern-stack-master\node_modules\bcrypt npm ERR! node-pre-gyp ERR! node -v v15.11.0 npm ERR! node-pre-gyp ERR! node-pre-gyp -v v0.14.0 npm ERR! node-pre-gyp ERR! not ok npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\gjj\AppData\Local\npm-cache\_logs\2021-03-21T13_47_25_244Z-debug.log C:\Users\gjj\Desktop\boilerplate-mern-stack-master>
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
movieDetail에서 favorite 버튼을 눌러도 추가가 안됩니다..
FavoritePage.js function FavoritePage() { const [favorites, setFavorites] = useState([]); useEffect(() => { fetchFavoredMovie(); }, []); const fetchFavoredMovie = () => { axios .post("/api/favorite/getFavoredMovie", { userFrom: localStorage.getItem("userId") }) .then((res) => { if (res.data.success) { setFavorites(res.data.favorites); console.log(res.data); } else { alert("영화 정보를 가져오는 데 실패했습니다."); } }); }; return ( <div style={{ width: "85%", margin: "3rem auto" }}> <h2>Favorite Movies</h2> <hr /> <table> <thead> <tr> <th>Movie Title</th> <th>Movie Runtime</th> <td>Remove from favorites</td> </tr> </thead> <tbody> {favorites.map((favorite, index) => { return ( <tr key={index}> <td>{favorite.movieTitle}</td> <td>{favorite.movieRunTime} mins</td> <td> <button>Remove</button> </td> </tr> ); })} </tbody> </table> </div> ); } 여기는 favorite.js(서버) 부분입니다 router.post("/getFavoredMovie", (req, res) => { Favorite.find({ userFrom: req.body.userFrom }) // .exec((err, favorites) => { if (err) return res.status(400).send(err); return res.status(200).json({ success: true, favorites }); }); }); 코드는 맞는 것 같은데 Favorite 페이지에 추가가 안되네요 무엇이 문제일까요? Favorite 페이지에서 success는 true로 잘 전달이 되서 콘솔에 찍히는데 favorites는 빈 배열로 나 오네요 ㅜㅜ 깃헙 주소도 첨부합니다! https://github.com/97baek/movie-app
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
매인 이미지 에러 이유좀 알려주세요
디테일페이지로 갔을때문 문제가 발생하네요 ㄷ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
회원가입이 안되는데 어떻게 수정해야될까요?
console 창 가져온건데 서버-클라이언트 코드가 달라 변경도 해보았는데 안되서 어떻게 해야할지 모르겠습니다ㅠㅠ 도와주세요ㅜㅜ 서버쪽코드 const request = axios.get(`${USER_SERVER}/auth`) 클라이언트코드 router.get("/auth", auth, (req, res) => {
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
LandingPage와 차이
LandingPage에서는 db에서 get해오기 전에 렌더링 해버리니 {mainMovie && <MainImage ~~ } 이런식으로 해줬는데 왜 MovieDetail에서는 이렇게 안 해줘도 되는지 궁금합니다. 그냥 '우연히' 잘 된건가요..? 그리고 이렇게 테스트해보니 로그가 2번 찍히던데 왜 이런건가요? LandingPage에서 찍어보니 4번찍히고 MovieDetail에서 찍으니 2번 찍히네요.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
선생님 질문 있씁니다!
(err, info) => {} 로 콜백을 받을때 if(err) return res.json({success:false, err})와 if(err) return res.status(400).send(err)의 차이점이 무엇인가요?? 그리고 어떤 상황에서 어떻게 써야 하는지 가르쳐 주시면 감사하겠습니다. 그리고 .exec() 메소드를 찾아봤는데 배열이나 문자열을 반환(?)한다고 하더라구요..! 좋아요 버튼을 눌렀을 때 좋아요 정보가 배열에 저장이 되어서 exec 메소드를 사용하신 건가요?? 좋은 강의 감사드리고 새해복 많이 받으세요~!!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
안녕하세요! 선생님 text를 한국어로 가져오고 싶으면 어떻게 해야되나요 ?
먼저 질문드리기에 앞서 좋은 강의 볼 수 있게 해주셔서 감사드립니다. 제가 궁굼한 것은 영화소개 텍스트를 영어 말고 한국어로 인코딩 된 것을 불러오고 싶은데 const endpoint = `${API_URL}movie/popular?api_key=${API_KEY}&language=en-US&page=1`; 여기서 language를 어떻게 변경해야 되나요 ? ㅠㅠ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
안녕하세요 선생님
안녕하세요 선생님! 강의 잘 듣고 있습니다. 다름아니라 제가 강의들으면서 따라 만들고 있는데요. movien detail 페이지에서 웹은 정상적으로 잘 작동하나 콘솔창에 아래와 같은 2종류의 에러가 총 35개가 뜨는데 구글에 검색하면서 나오는 해결 방법으로 이리저리 해봤는데 잘 안되서 질문 드립니다. 어떻게 해야할까요? ---------------1번 종류 Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. Check your code at MovieInfo.js:8. in MovieInfo (at MovieDetail.js:50) in div (at MovieDetail.js:46) in div (at MovieDetail.js:40) in MovieDetail (created by Context.Consumer) in withRouter(MovieDetail) (at auth.js:38) in AuthenticationCheck (created by Context.Consumer) in Route (at App.js:25) in Switch (at App.js:21) in div (at App.js:20) in Suspense (at App.js:18) in App (at src/index.js:29) in Router (created by BrowserRouter) in BrowserRouter (at src/index.js:28) in Provider (at src/index.js:21) -------------------2번 종류 Warning: Updating a style property during rerender (background) when a conflicting property is set (backgroundPosition) can lead to styling bugs. To avoid this, don't mix shorthand and non-shorthand properties for the same value; instead, replace the shorthand with separate values. in div (at MainImage.js:5) in MainImage (at MovieDetail.js:41) in div (at MovieDetail.js:40) in MovieDetail (created by Context.Consumer) in withRouter(MovieDetail) (at auth.js:38) in AuthenticationCheck (created by Context.Consumer) in Route (at App.js:25) in Switch (at App.js:21) in div (at App.js:20) in Suspense (at App.js:18) in App (at src/index.js:29) in Router (created by BrowserRouter) in BrowserRouter (at src/index.js:28) in Provider (at src/index.js:21) 혹시나 해서 제 깃허브 주소 첨부드립니다. https://github.com/AyoungWon/movie-site 답변 부탁드릴게요 감사합니다. --------------------- 질문 올린뒤 계속 검색하다가 dependency 업데이트 하라는 말이 있어서 전부 최신 버전으로 업데이트 했더니 에러는 계속 나고 비슷한 warning이긴 한데 1번 종류 에러가 아래처럼 바뀌었습니다. Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. Check your code at MovieInfo.js:8. 2번 종류 에러도 여전히 있구요.. 웹은 일단 잘 돌아가는데 왜일까요 ㅠㅠㅠㅠ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
GET http://localhost:3000/api/users/auth 504 (Gateway Timeout) 오류
해결 방법 좀 올려주세요
- 따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
"npm install" 에러 도와주세요!
삭제된 글입니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
깃허브 업로드 관련 질문
안녕하세요 ! 혹시 리드미 파일에 강의명과 강의 주소 첨부하고, 실습한 파일들 깃허브에 퍼블릭으로 업로드해도 되는지 여쭈어보고싶습니다!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
안녕하세요 좋은 강의를 올려주셔서 감사합니다. 완강을 한 후 혼자서 해볼려고 하는데 프론트를 먼저 하는지 아니면 서버를 먼저 만들어야 하는지 잘 모르겠네요..
안녕하세요 좋은 강의를 올려주셔서 감사합니다. 완강을 한 후 혼자서 해볼려고 하는데 프론트를 먼저 하는지 아니면 서버를 먼저 만들어야 하는지 잘 모르겠네요..
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
npm install 하면 에러가 생겨요.
boilerplate-mern-stack-master 폴더에서 npm install 하면 에러가 생겨요. > bcrypt@3.0.8 install C:\Users\winuser\Documents\websource\react\boilerplate-mern-stack-master\node_modules\bcrypt > node-pre-gyp install --fallback-to-build 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.15.4 (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.19041 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:\\Users\\winuser\\Documents\\websource\\react\\boilerplate-mern-stack-master\\node_modules\\bcrypt\\lib\\binding\\bcrypt_lib.node" "--module_name=bcrypt_lib" "--module_path=C:\\Users\\winuser\\Documents\\websource\\react\\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:\Users\winuser\Documents\websource\react\boilerplate-mern-stack-master\node_modules\bcrypt gyp ERR! node -v v14.15.4 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:\Users\winuser\Documents\websource\react\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding\bcrypt_lib.node --module_name=bcrypt_lib --module_path=C:\Users\winuser\Documents\websource\react\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:\Users\winuser\Documents\websource\react\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.19041 node-pre-gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\winuser\\Documents\\websource\\react\\boilerplate-mern-stack-master\\node_modules\\node-pre-gyp\\bin\\node-pre-gyp" "install" "--fallback-to-build" node-pre-gyp ERR! cwd C:\Users\winuser\Documents\websource\react\boilerplate-mern-stack-master\node_modules\bcrypt node-pre-gyp ERR! node -v v14.15.4 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:\Users\winuser\Documents\websource\react\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding\bcrypt_lib.node --module_name=bcrypt_lib --module_path=C:\Users\winuser\Documents\websource\react\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-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! 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\winuser\AppData\Roaming\npm-cache\_logs\2021-01-27T09_49_38_634Z-debug.log PS C:\Users\winuser\Documents\websource\react\boilerplate-mern-stack-master> npm install > bcrypt@3.0.8 install C:\Users\winuser\Documents\websource\react\boilerplate-mern-stack-master\node_modules\bcrypt > node-pre-gyp install --fallback-to-build 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.15.4 (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.19041 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:\\Users\\winuser\\Documents\\websource\\react\\boilerplate-mern-stack-master\\node_modules\\bcrypt\\lib\\binding\\bcrypt_lib.node" "--module_name=bcrypt_lib" "--module_path=C:\\Users\\winuser\\Documents\\websource\\react\\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:\Users\winuser\Documents\websource\react\boilerplate-mern-stack-master\node_modules\bcrypt gyp ERR! node -v v14.15.4 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:\Users\winuser\Documents\websource\react\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding\bcrypt_lib.node --module_name=bcrypt_lib --module_path=C:\Users\winuser\Documents\websource\react\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:\Users\winuser\Documents\websource\react\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.19041 node-pre-gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\winuser\\Documents\\websource\\react\\boilerplate-mern-stack-master\\node_modules\\node-pre-gyp\\bin\\node-pre-gyp" "install" "--fallback-to-build" node-pre-gyp ERR! cwd C:\Users\winuser\Documents\websource\react\boilerplate-mern-stack-master\node_modules\bcrypt node-pre-gyp ERR! node -v v14.15.4 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:\Users\winuser\Documents\websource\react\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding\bcrypt_lib.node --module_name=bcrypt_lib --module_path=C:\Users\winuser\Documents\websource\react\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"}) PS C:\Users\winuser\Documents\websource\react\boilerplate-mern-stack-master> npm install > bcrypt@3.0.8 install C:\Users\winuser\Documents\websource\react\boilerplate-mern-stack-master\node_modules\bcrypt > node-pre-gyp install --fallback-to-build 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.15.4 (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.19041 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:\\Users\\winuser\\Documents\\websource\\react\\boilerplate-mern-stack-master\\node_modules\\bcrypt\\lib\\binding\\bcrypt_lib.node" "--module_name=bcrypt_lib" "--module_path=C:\\Users\\winuser\\Documents\\websource\\react\\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:\Users\winuser\Documents\websource\react\boilerplate-mern-stack-master\node_modules\bcrypt gyp ERR! node -v v14.15.4 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:\Users\winuser\Documents\websource\react\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding\bcrypt_lib.node --module_name=bcrypt_lib --module_path=C:\Users\winuser\Documents\websource\react\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:\Users\winuser\Documents\websource\react\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.19041 node-pre-gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\winuser\\Documents\\websource\\react\\boilerplate-mern-stack-master\\node_modules\\node-pre-gyp\\bin\\node-pre-gyp" "install" "--fallback-to-build" node-pre-gyp ERR! cwd C:\Users\winuser\Documents\websource\react\boilerplate-mern-stack-master\node_modules\bcrypt node-pre-gyp ERR! node -v v14.15.4 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:\Users\winuser\Documents\websource\react\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding\bcrypt_lib.node --module_name=bcrypt_lib --module_path=C:\Users\winuser\Documents\websource\react\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:
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
boiler plate 강의를 듣고 넘어왔는데
boiler plate에서는 redux를 쓰셨는데 이번 강의에서는 redux를 활용하지는 않나요 ?
- 따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
영화 정보
삭제된 글입니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
favorite list에서 삭제
안녕하세요 선생님! 제가 선생님이 하신 Axios.post 이런 부분을 전부 다 redux로 하도록 바꾸었는데 그 중에서 favorite page에서 삭제 버튼을 눌렀을 때만 onClick 이벤트로 삭제가 되어야하는데 favorite page에 접속하면 잠깐동안 항목에 리스트가 보였다가 다 자동으로 삭제가 되는 문제가 있어서 질문드려요! 콘솔로 찍어보니까 데이터는 전달되었는데 제가 버튼을 누르지않았는데도 onClickFavorite 이라고 제가 정의한 함수가 실행되고 있더라구요. 혹시 어디가 틀렸는지 가르쳐주실 수 있으실까요?? import React, { useEffect, useState } from 'react' import './favorite.css'; import { useDispatch } from 'react-redux'; import { getFavorite, removeFavorite } from '../../../_actions/user_action'; import { Popover } from 'antd'; import { IMAGE_BASE_URL } from '../../../Config'; function FavoritePage() { const dispatch = useDispatch(); const [Favorites, setFavorites] = useState([]) useEffect(() => { console.log('useeffect') dispatchFavoriteMovies() }, []) const dispatchFavoriteMovies = () => { dispatch(getFavorite({userFrom: localStorage.getItem('userId')})) .then(response => { if(response.payload.success){ console.log('dispatchfavoritemoviesresponse.payload',response.payload) setFavorites(response.payload.favorites) }else{ alert('영화 정보를 가져오는데 실패') } }) } const onClickDelete = (movieId, userFrom) => { const variables = { movieId, userFrom } dispatch(removeFavorite(variables)) .then(response => { if(response.payload.success){ dispatchFavoriteMovies() console.log('onclickdeleteresponse.payload',response.payload) }else{ alert('좋아요 취소 실패') } }) } const renderCards = Favorites.map((favorite, index) => { const content = ( <div> {favorite.moviePost ? <img src={`${IMAGE_BASE_URL}w500${favorite.moviePost}`} /> : "no image" } </div> ) return <tr key={index}> <Popover content={content} title={`${favorite.movieTitle}`}> <td>{favorite.movieTitle}</td> </Popover> <td>{favorite.movieRunTime} mins</td> <td><button onClick={onClickDelete(favorite.movieId, favorite.userFrom)}>Remove</button></td> </tr> }) return ( <div style={{ width: '85%', margin: '3rem auto' }}> <h2>Favorite Movies</h2> <hr /> <table> <thead> <tr> <th>Movie Title</th> <th>Movie RunTime</th> <th>Remove from favorites</th> </tr> </thead> <tbody> {renderCards} </tbody> </table> </div> ) } export default FavoritePage
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
npm run dev 오류
안녕하세요 강의 잘 따라가고있었는데 4번째 강의 1분 52초 쯤에 npm dev 하는 부분에서 에러가 발생해서 질문 드리겠습니다 에러는 found 5069 vulnerabilities (5060 low, 9 high) run `npm audit fix` to fix them, or `npm audit` for details PS C:\Users\hsj11\Desktop\boilerplate-mern-stack-master\client> npm run dev npm ERR! missing script: dev npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\hsj11\AppData\Roaming\npm-cache\_logs\2021-01-11T18_08_39_140Z-debug.log 이렇게 뜹니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
npm run dev 명령어 오류
안녕하세요. 좋은 강의 감사합니다! 다름이 아니라 1분 53초 즈음에 npm run dev 명령어 실행이 되지않아서요. 명령어를 입력하면 아래와 같은 에러메세지가 나옵니다. > react-boiler-plate@1.0.0 dev > concurrently "npm run backend" "npm run start --prefix client" sh: concurrently: command not found npm ERR! code 127 npm ERR! path /Users/naeaipon/Documents/react:node.js clone coding project-1/boilerplate-mern-stack-master npm ERR! command failed npm ERR! command sh -c concurrently "npm run backend" "npm run start --prefix client" npm ERR! A complete log of this run can be found in: npm ERR! /Users/naeaipon/.npm/_logs/2021-01-11T05_17_12_835Z-debug.log
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
적용된 boilerplate에서 로그인 토큰 부분 질문 드립니다
강사님 안녕하세요 좋은 강의해주셔서 정말 감사합니다 :) 다름이 아니라, movieApp에 사용된 boilerplate는 기본편 강의에서 만들었던 것과 조금 다른 부분이 있는 것 같아 질문 드리게 되었습니다. 적용된 boilerplate에는 server/models/User 의 generateToken 메소드에서 user 모델에 token 뿐만 아니라 moment 라이브러리를 사용하여 tokenExp도 만들어주던데, tokenExp의 역할은 무엇인지 질문 드립니다 !! 대충 토큰이 만료되게 하려는 것 같은데 어떻게 토큰을 만료되게끔 하는지 모르겠더라구요 ! ㅜㅠㅠ 좋은 강의 덕분에 MERN 스택 너무 즐겁게 배우고 있습니다 감사합니다 :) 감기 조심하세요 !!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
response를 console log에 넣어주고나서 에러
response를 console log에 넣어주고나서 웹사이트에 가봤더니 이런 에러가 뜹니다. 어떻게 해결해야할지 모르겠습니다ㅠㅠ