33,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
[HPM] Error occurred while trying to proxy request /api/users/auth from localhost:3000 to http://localhost:5000 (ECONNREFUSED) (https://nodejs.org/api/errors.html#errors_common_system_errors)
안녕하십니까 아래와 같은 에러가 발생해서 문의드립니다. PS C:\Users\User\Desktop\boilerplate-mern-stack-master> npm run dev > react-boiler-plate@1.0.0 dev C:\Users\User\Desktop\boilerplate-mern-stack-master > concurrently "npm run backend" "npm run start --prefix client" [0] [0] > react-boiler-plate@1.0.0 backend C:\Users\User\Desktop\boilerplate-mern-stack-master [0] > nodemon server/index.js [0] [1] [1] > client@0.1.0 start C:\Users\User\Desktop\boilerplate-mern-stack-master\client [1] > react-scripts start [1] [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] C:\Users\User\Desktop\boilerplate-mern-stack-master\server\routes\product.js:10 [0] var storage = multer.diskStorage({//어디에 파일이 저장되는지 [0] ^ [0] [0] ReferenceError: multer is not defined [0] at Object.<anonymous> (C:\Users\User\Desktop\boilerplate-mern-stack-master\server\routes\product.js:10:15) [0] at Module._compile (internal/modules/cjs/loader.js:1072:14) [0] at Object.Module._extensions..js (internal/modules/cjs/loader.js:1101:10) [0] at Module.load (internal/modules/cjs/loader.js:937:32) [0] at Function.Module._load (internal/modules/cjs/loader.js:778:12) [0] at Module.require (internal/modules/cjs/loader.js:961:19) [0] at require (internal/modules/cjs/helpers.js:92:18) [0] at Object.<anonymous> (C:\Users\User\Desktop\boilerplate-mern-stack-master\server\index.js:39:25) [0] at Module._compile (internal/modules/cjs/loader.js:1072:14) [0] at Object.Module._extensions..js (internal/modules/cjs/loader.js:1101:10) [0] at Module.load (internal/modules/cjs/loader.js:937:32) [0] at Function.Module._load (internal/modules/cjs/loader.js:778:12) [0] at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:76:12) [0] at internal/main/run_main_module.js:17:47 [0] [nodemon] app crashed - waiting for file changes before starting... [1] [HPM] Proxy created: / -> http://localhost:5000 [1] i 「wds」: Project is running at http://192.168.0.3/ [1] i 「wds」: webpack output is served from [1] i 「wds」: Content not from webpack is served from C:\Users\User\Desktop\boilerplate-mern-stack-master\client\public [1] i 「wds」: 404s will fallback to / [1] Starting the development server... [1] [1] Browserslist: caniuse-lite is outdated. Please run: [1] npx browserslist@latest --update-db [1] Compiled with warnings. [1] [1] ./src/components/views/UploadProductPage/UploadProductPage.js [1] Line 2:10: 'Typography' is defined but never used no-unused-vars [1] Line 3:10: 'Item' is defined but never used no-unused-vars [1] Line 26:12: 'Images' is assigned a value but never used no-unused-vars [1] Line 26:20: 'setImages' is assigned a value but never used no-unused-vars [1] [1] ./src/components/views/LoginPage/LoginPage.js [1] Line 74:11: 'dirty' is assigned a value but never used no-unused-vars [1] Line 79:11: 'handleReset' is assigned a value but never used no-unused-vars [1] [1] ./src/components/views/RegisterPage/RegisterPage.js [1] Line 92:11: 'dirty' is assigned a value but never used no-unused-vars [1] Line 97:11: 'handleReset' is assigned a value but never used no-unused-vars [1] [1] Search for the keywords to learn more about each warning. [1] To ignore, add // eslint-disable-next-line to the line before. [1] [1] [HPM] Error occurred while trying to proxy request /api/users/auth from localhost:3000 to http://localhost:5000 (ECONNREFUSED) (https://nodejs.org/api/errors.html#errors_common_system_errors) ------------------------------------------------------------------------------------------------- npm install bcrypt --save 이것도 해보고 bcryptjs를 받아 const bcrypt = require('bcryptjs') 이렇게도 해봤는데 위와 같은 오류가 발생합니다. 브라우저 console창에는 Failed to load resource: the server responded with a status of 504 (Gateway Timeout) 에러가 발생합니다. 확인부탁드립니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
궁금한게 있습니다.
5분25초 정도에 보면 file 보내는 거 성공했을 때 filePath와 fileName 모두 res.req.file을 통해서 파일 딕셔너리를 찾으셨는데 req.file로는 안하는 이유는 무엇인가요? 저는 한 번 해봤는데 둘 다 같은 것 같아서 궁금합니다!!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
GET http://localhost:3000/api/users/auth 504 (Gateway Timeout) 에러
안녕하세요! 업로드 페이지 마지막강(15강)을 듣고 테스트를 해보는 과정에서 계속 이러한 에러가 뜹니다. 프로젝트 실행하자마자 뜨는 에러입니다. 또 vscode 들어가서 보면 에러는 product.js에서 41번째 줄에 있고 왜 세미콜론 부분에서 에러가 뜨는지 잘 모르겠습니다. login 부분은 딱히 건들지 않았는데 해당 부분에서 에러가 떠서 git 주소 남깁니다. git 주소: https://github.com/reader-wh94/boilerplate-mern-stack-master
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
npm install multer --save 관련 질문
선생님 안녕하세요. root 디렉토리가 최상위 디렉토리를 말씀하시는거 맞나요? PS C:\> 얘를 말씀하시는건지 PS C:\Users\User\Desktop\boilerplate-mern-stack-master> 얘를 말씀하시는건지 저는 PS C:\Users\User\Desktop\boilerplate-mern-stack-master> 여기에 npm install multer --save 를 했습니다. 하고 npm run dev 를 해보니 아래와 같은 에러가 발생해서요..... > react-boiler-plate@1.0.0 dev C:\Users\User\Desktop\boilerplate-mern-stack-master > concurrently "npm run backend" "npm run start --prefix client" [0] [0] > react-boiler-plate@1.0.0 backend C:\Users\User\Desktop\boilerplate-mern-stack-master [0] > nodemon server/index.js [0] [1] [1] > client@0.1.0 start C:\Users\User\Desktop\boilerplate-mern-stack-master\client [1] > react-scripts start [1] [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] (node:15324) Warning: Accessing non-existent property 'count' of module exports inside circular dependency [0] (Use `node --trace-warnings ...` to show where the warning was created) [0] Server Listening on 5000 [0] (node:15324) Warning: Accessing non-existent property 'findOne' of module exports inside circular dependency [0] (node:15324) Warning: Accessing non-existent property 'remove' of module exports inside circular dependency [0] (node:15324) Warning: Accessing non-existent property 'updateOne' of module exports inside circular dependency [0] MongoDB Connected... [1] [HPM] Proxy created: / -> http://localhost:5000 [1] i 「wds」: Project is running at http://192.168.0.3/ [1] i 「wds」: webpack output is served from [1] i 「wds」: Content not from webpack is served from C:\Users\User\Desktop\boilerplate-mern-stack-master\client\public [1] i 「wds」: 404s will fallback to / [1] Starting the development server... [1] [1] Browserslist: caniuse-lite is outdated. Please run: [1] npx browserslist@latest --update-db [1] Compiled with warnings. [1] [1] ./node_modules/express/lib/view.js [1] Critical dependency: the request of a dependency is an expression [1] [1] ./src/components/views/UploadProductPage/UploadProductPage.js [1] Line 2:10: 'Typography' is defined but never used no-unused-vars [1] Line 3:10: 'Item' is defined but never used no-unused-vars [1] Line 26:12: 'Images' is assigned a value but never used no-unused-vars [1] Line 26:20: 'setImages' is assigned a value but never used no-unused-vars [1] [1] ./src/components/utils/FileUploade.js [1] Line 5:10: 'response' is defined but never used no-unused-vars [1] [1] ./src/components/views/LoginPage/LoginPage.js [1] Line 74:11: 'dirty' is assigned a value but never used no-unused-vars [1] Line 79:11: 'handleReset' is assigned a value but never used no-unused-vars [1] [1] ./src/components/views/RegisterPage/RegisterPage.js [1] Line 92:11: 'dirty' is assigned a value but never used no-unused-vars [1] Line 97:11: 'handleReset' is assigned a value but never used no-unused-vars [1] [1] Search for the keywords to learn more about each warning. [1] To ignore, add // eslint-disable-next-line to the line before. npm install multer --save 를 하니까 아래와 같이 나왔습니다. 참고 부탁 드립니다. 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"}) + multer@1.4.3 updated 1 package and audited 497 packages in 3.114s 4 packages are looking for funding run `npm fund` for details found 19 vulnerabilities (6 low, 4 moderate, 9 high)
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
에러메시지
ㅠㅠ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
업로드 페이지 만들기 시작 강의부분.
npm run dev 를 터미널에 입력하니 아래와 같은 에러가 발생했습니다. 확인 부탁 드리겠습니다. PS C:\Users\User\Desktop\boilerplate-mern-stack-master> npm run dev > react-boiler-plate@1.0.0 dev C:\Users\User\Desktop\boilerplate-mern-stack-master > concurrently "npm run backend" "npm run start --prefix client" [1] [1] > client@0.1.0 start C:\Users\User\Desktop\boilerplate-mern-stack-master\client [1] > react-scripts start [1] [0] [0] > react-boiler-plate@1.0.0 backend C:\Users\User\Desktop\boilerplate-mern-stack-master [0] > nodemon server/index.js [0] [1] 'react-scripts'��(��) ���� �Ǵ� �ܺ� ����, ������ �� �ִ� ���α�, �Ǵ� [1] ��ġ ������ �ƴմϴ�. [1] npm ERR! code ELIFECYCLE [1] npm ERR! errno 1 [1] npm ERR! client@0.1.0 start: `react-scripts start` [1] npm ERR! Exit status 1 [1] npm ERR! [1] npm ERR! Failed at the client@0.1.0 start script. [1] npm ERR! This is probably not a problem with npm. There is likely additional logging output above. [1] npm WARN Local package.json exists, but node_modules missing, did you mean to install? [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-09-06T11_33_17_154Z-debug.log [1] npm run start --prefix client exited with code 1 [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] (node:21908) Warning: Accessing non-existent property 'count' of module exports inside circular dependency [0] (Use `node --trace-warnings ...` to show where the warning was created) [0] (node:21908) Warning: Accessing non-existent property 'findOne' of module exports inside circular dependency [0] (node:21908) Warning: Accessing non-existent property 'remove' of module exports inside circular dependency [0] (node:21908) Warning: Accessing non-existent property 'updateOne' of module exports inside circular dependency [0] Server Listening on 5000 [0] MongoDB Connected...
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
강의 진행 5분50초에서 막혔습니다.
이미지 업로드후 콘솔에서 Uncaught (in promise) Error: Request failed with status code 504에러가 뜨네요. product.js를 보고 작성을 하고있는데요 뭔가 제가 놓친게 있을까요?깃허브 : https://github.com/stepperweb/boilerplate-mern-stack-1
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
이미지 업로드 error
안녕하세요 8강 수강 중입니다. 이미지 업로드 시 다음 두가지 error가 발생합니다. 1)GET http://localhost:3000/api/users/auth 504 2)Uncaught(in promise) Error: Request failed with status ,createError.js:16 code 504 어느 부분을 수정해야하는 지 알려 주시면 감사하겠습니다. Ben
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
업로드 버튼을 관리자만보이게하려면
user 데이터에 새로운 컬럼을 만든후 1 은 관리자 0은 회원으로 if 문으로 가려주는 방법이 맞는지 궁금합니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
데이터베이스를 실시간으로 가져올떈 useEffect에서 어떻게 적어줘야되나요?
데이터베이스를 다른곳에서 실시간으로 시간마다 한개씩 업데이트 중인데 그 데이터베이스를 새로고침없이 페이지에 나타나게 해주려면 어떻게 작성해야될까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
게시글 작성을 안해도 이미지가 서버에 저장되는건가요?
사진 업로드만 해도 서버에 저장하는거면 사용자가 파일 업로드를 하고 막상 게시글 작성을 취소하거나 오류로 인해 작성 실패하더라도 이미지 데이터는 다 서버에 저장되는건가요??
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
이 오류는 어디서 발생하는건가요?
index.js:1 Warning: Encountered two children with the same key, `1`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version. in select (at UploadProductPage.js:68) in form (created by Context.Consumer) in Form (at UploadProductPage.js:49) in div (at UploadProductPage.js:43) in UploadProductPage (at auth.js:38) in AuthenticationCheck (created by Context.Consumer) in Route (at App.js:24) in Switch (at App.js:20) in div (at App.js:19) in Suspense (at App.js:17) 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)
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
npm run dev 입력시 오류가 납니다
npm run dev PS C:\Users\mina\.vscode\boilerplate-mern-stack-master> npm run dev > react-boiler-plate@1.0.0 dev > concurrently "npm run backend" "npm run start --prefix client" 'concurrently'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. PS C:\Users\mina\.vscode\boilerplate-mern-stack-master> 라고 뜨고 npm run start 입력시 PS C:\Users\mina\.vscode\boilerplate-mern-stack-master> npm run start > react-boiler-plate@1.0.0 start > node server/index.js node:internal/modules/cjs/loader:936 throw err; ^ Error: Cannot find module 'express' Require stack: - C:\Users\mina\.vscode\boilerplate-mern-stack-master\server\index.js at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15) at Function.Module._load (node:internal/modules/cjs/loader:778:27) at Module.require (node:internal/modules/cjs/loader:1005:19) at require (node:internal/modules/cjs/helpers:94:18) at Object.<anonymous> (C:\Users\mina\.vscode\boilerplate-mern-stack-master\server\index.js:1:17) at Module._compile (node:internal/modules/cjs/loader:1101:14) at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10) at Module.load (node:internal/modules/cjs/loader:981:32) at Function.Module._load (node:internal/modules/cjs/loader:822:12) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:79:12) { code: 'MODULE_NOT_FOUND', requireStack: [ 'C:\\Users\\mina\\.vscode\\boilerplate-mern-stack-master\\server\\index.js' ] } 라고 뜹니다. 아예 화면 도출이 안되네요
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
자동 빌드
소스 수정 후 자동 빌드되게 하는 방법 알려주세요
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
mongoDB M0Tier가 없을때는 어떻게 하나요..?
mongoDB 가입을 한 후 cluster생성도중 M0Tirer는 없는데 결제후 사용해야 하는건가요?? 아니면 다른방법이 있을까요? 사진도 같이 첨부드립니다. 도와주세요 ㅠㅠ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
proxy를 사용할때와 사용하지 않을때 img 태그의 차이점?
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. // // // 안녕하세요. 저는 이 강의를 들을때 boiler plate를 쓰지 않았습니다. 그냥 혼자서 만든 boiler plate에 사용하고 있습니다. 저는 module에서 proxy값을 설정하지 않고, 그냥 cors 설정을 통해서 클라와 서버간에 통신을 시켜주고 있는데요. 궁금한점은 <img src={`http://localhost:5000/${image}`}></img> 이 부분입니다. 즉, 위 img테그는 get요청을 http://localhost:5000/uploads/이미지파일.jpg 위의 경로 보내게 됩니다. 그런데 저는 도통 이미지가 출력이 되지 않더군요. 그 이유가 혹시 proxy 설정을 해주지 않아서인가요? 즉. proxy설정을 하게되면, http://localhost:5000/uploads/이미지파일.jpg 이 경로로 브라우저에서 enter를 치면 이미지파일이 보이나요? 저는 cors설정을 해서 그런지 http://localhost:5000/uploads/이미지파일.jpg 크롬에서 저 주소값을 enter를 치면 이미지파일이 보이지 않앗습니다. 그래서 fs.readfile을 써서 이미지파일을 읽어올수있게 바꿔서 설정했거든요. 음...proxy가 도대체 어떤 역할을 하길래, img파일가지 다 읽어주는지 궁금해서 질문드려봅니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
관리자가 모든 유저의 history를 관리하는 페이지를 만들고 싶어요
삭제된 글입니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
선생님 질문있습니다 ㅜㅠ
props.list가 있으면 map을 한다고 하셨는데..list는 데이터로 만들어놨기 때문에 무조건 있을 수 밖에 없지않나요...??? 그리고 renderCheckboxLists를 변수로 안하고 함수로 한 이유가 궁금합니다!! 그리고 그안에 <React.Fragment>를 사용하는 이유는 뭘까요,,,,? 안써도 되지않나요....? 답변해주시면 감사하겠습니다!!!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
폴더 속 js 이름
폴더 이름과 js 이름이 똑같은데 꼭 이렇게 해야되나요? component-view 폴더에서 예) Footer 폴더 - Footer.js
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
질문이 있어서 올립니다
강사님의 코드를 보면서 짜는데 네트워크 부분에서 계속 요청이 일어나 Product state가 계속 바뀝니다 혹시 어느 부분이 문제일까요?