33,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
client 에서 npm install 을하면 vulnerability 가 많이 뜹니다.
npm install 을 하고나면 found 5068 vulnerabilities (5060 low, 8 high) in 1964 scanned packages run `npm audit fix` to fix 4961 of them. 104 vulnerabilities require semver-major dependency updates. 3 vulnerabilities require manual review. See the full report for details. 위와같이 나오고 npm audit fix를 하고나면 found 107 vulnerabilities (104 low, 3 high) in 1965 scanned packages 104 vulnerabilities require semver-major dependency updates. 3 vulnerabilities require manual review. See the full report for details. 이렇게 나오네요 이후에 진행하는데 지장이 없는걸까요??
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
최근버전의 antd는 오류가 일어납니다.
"antd": "^3.24.1", 몽고DB가 못받아드리는건지는 모르겠으나 antd중에서 Icon이 문제인 것 같습니다. 강의에서 쓰는 위의 버전으로 바꾸니 잘 인식합니다. 참고로 저는 노드js 버전이 v14.15.2였습니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
강사님 회원가입부터가 안됩니다..에러를 모르겠어요..
강사님 안녕하세요. 에러는 따로 뜨지않고 리덕스로 왜 안가나 확인할때 Request failed with status code 404" name(pin):"Error" stack(pin):"Error: Request failed with status code 404 at createError (http://localhost:3004/static/js/0.chunk.js:49985:15) at settle (http://localhost:3004/static/js/0.chunk.js:50206:12) at XMLHttpRequest.handleLoad (http://localhost:3004/static/js/0.chunk.js:49460:7)" ▶ config(pin) url(pin):"/api/users/auth" method(pin):"get" ▶ headers(pin):{ Accept: "applicatio…" } ▶ transformRequest(pin):[null] ▶ transformResponse(pin):[null] timeout(pin):0 xsrfCookieName(pin):"XSRF-TOKEN" xsrfHeaderName(pin):"X-XSRF-TOKEN" 이렇게 뜹니다.... 보일럿프로젝트는 강사님꺼에서 받아와서dev.js부분만 수정했습니다..따로 수정해야 하는 부분이 있나요...?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
이미지를 띄울때
src={image} 이렇게 안하고 src={`http://localhost:5000/${image}`} /> 이렇게 하는 이유가 뭔가요? localhost를 하는 이유?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
보고 따라한 페이지 깃허브에 올리고 퍼블리싱된 사이트 주소를 누르니까 README파일이 뜨는데 왜 인지 아시나요?ㅠ (2)
혹시나 제 코드에 문제가 있는 줄 알고 강사님 git 페이지에 있는 react-shop-ko 파일을 클론해서 다시 올려봐도 리드미 페이지가 뜨네요 ㅠㅠ https://minji1999.github.io/online-store/ https://github.com/MinJi1999/online-store 이건 깃 주소입니다! 배포는 비주얼 스튜디오에서 했씁니다!!
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
Sign up 과 Log In이 되지 않습니다.
정확히 표현하자면 Sign up 화면에서 입력 다해주고도 submit버튼 누르면 화면엔 별반응이 없고 누를때마다 터미널에 [HPM] Error occurred while trying to proxy request /api/users/register from localhost:3000 to http://localhost:5000 (ECONNREFUSED) (https://nodejs.org/api/errors.html#errors_common_system_errors) 이렇게만 계속 뜸니다. 그래서인지 로그인도 안되고 forgot password 누른후 억지로 강의내용 진행하면 역시 똑같은 오류메시지를 계속 보게 됩니다. 다시 npm install 해보기도 하고 서버 5000번 문제인지 확인도 해보고 질문에 나온 여러 문제들을 참조해봐도 도저히 해결이 나지 않습니다. 일단 이 MongooseError: Operation `users.findOne()` buffering timed out after 10000ms 이게 문제인것 같은데...... 이 오류문구가 뭔지 이해도 안되고 구글링하기도 까다롭네요 ㅠㅠ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
46초 쯤에 파라미터에 props 넣어주는데 만약 props 값이 불러오지 않는다면
어디에 문제가 있는걸까요...?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
크롬에서 실행 시 비밀번호 노출되었다는 알람
localhost 뿐만 아니라 aws에 업로드 하였는데도 아래와 같은 alert이 크롬에서 발생합니다. 이 부분을 어떻게 해결할 수 있나요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
onClick과 onChange 이벤트에 대해서 질문 있습니다!
이벤트 트리거 시에 다음 두 가지 형태로 차이가 나게 사용하는데, 차이가 뭔지 감이 안 잡힙니다 ㅠㅠ onChange에는 그냥 함수 이름을 전달, onClick에는 arrow function으로 호출하는 형태인 것은 알겠는데 무슨 차이일까요...? onChange에서도 (e) => handleOnChange(e)라 해도 되지 않을까요?! const handleOnClick = () => { 블라블라블라 } const handleOnChange = () => { 블라블라블라 } - onChange - <input onChange = {handleOnChange}> Test </input> - onClick - <button onClick = {() => handleOnClick()}> Test </button>
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
보고 따라한 페이지 깃허브에 올리고 퍼블리싱된 사이트 주소를 누르니까 README파일이 뜨는데 왜 인지 아시나요?ㅠ
혹시나 제 코드에 문제가 있는 줄 알고 강사님 git 페이지에 있는 react-shop-ko 파일을 클론해서 다시 올려봐도 리드미 페이지가 뜨네요 ㅠㅠ https://minji1999.github.io/online-store/ https://github.com/MinJi1999/online-store 이건 깃 주소입니다!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
2강 시작부분처럼 npm run dev 실행하면 에러는 안나는데
그 브라우저가 실행안돼요. 그래서 브라우저에 localhost:5000을 입력하면 localhost에서 연결을 거부했습니다. 라고 나오는데 왜그런걸까요? ㅠ_ㅠ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
5분 50초경 이미지 선택시 vscode에디터 상에서 TypeError: Cannot read property 'transfer-encoding' of undefined at hasbody와 브라우저에서 500 서버에러가 납니다.
유튜브 영상을 따라 치다가 같은 현상이 있어서 유튜브에도 문의글을 남겼는데 인프런에 유료로 강좌가 있길래 혹시 여기에서만 문제 해결방법을 알 수있나 해서 결제하였습니다. 근데 코드내용이 같아서 똑같은 에러가 나네요 ㅠㅜ dropzone에서 이미지를 선택시 아래 두가지의 문제가 일어나 해결이 안됩니다 도와주세요 ㅠㅜ vscode에러 browser 에러
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
response 오류 36줄 봐주세요..!!
강의와 관련있는 질문을 남겨주세요.• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)• 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달에도 요령이 필요합니다.• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요! 구체적인 질문일수록 명확한 답을 받을 수 있어요.• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다. 기본적인 예의를 지켜주세요.• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다. 똑같이 썼는데 왜인가요? deletehandler 메소드인것같은데 저거아닌가요??
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
<Menu mode={props.mode}>에서 mode가 무엇을 뜻하나요?
이 부분이요!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
npm install 다시 질문 드립니다..!
아래쪽에 질문 드렸는데 답변 주셨던 방법과 똑같이 해도 똑같은 오류가 그대로 나옵니다. npm install bcryptjs --save 할때 일단 똑같은 오류 메시지가 나옵니다. User.js에서 const bcrypt = require('bcryptjs') 바꿔는 놨는데 앞에서 오류가 나서 의미가 없구요.. 다른 방법 있을까요? npm install bcryptjs --save 오류메시지------------------------------------- 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.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.18363 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=E:\\node_\\boilerplate-mern-stack-master\\node_modules\\bcrypt\\lib\\binding\\bcrypt_lib.node" "--module_name=bcrypt_lib" "--module_path=E:\\node_\\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 E:\node_\boilerplate-mern-stack-master\node_modules\bcrypt gyp ERR! node -v v14.15.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=E:\node_\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding\bcrypt_lib.node --module_name=bcrypt_lib --module_path=E:\node_\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> (E:\node_\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.18363 node-pre-gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "E:\\node_\\boilerplate-mern-stack-master\\node_modules\\node-pre-gyp\\bin\\node-pre-gyp" "install" "--fallback-to-build" node-pre-gyp ERR! cwd E:\node_\boilerplate-mern-stack-master\node_modules\bcrypt node-pre-gyp ERR! node -v v14.15.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=E:\node_\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding\bcrypt_lib.node --module_name=bcrypt_lib --module_path=E:\node_\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\cdg\AppData\Roaming\npm-cache\_logs\2020-12-11T13_55_07_916Z-debug.log
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
props user data 질문
안녕하세요 선생님. 항상 강의 잘 보고 있습니다. ㄹ 궁금한게 props.user의 담긴 정보가 상품 디테일 페이지를 타고 CartPage로 왔다고 가정하면 props.user.userData의 정보가 있는데요. 즉, 다른 페이지를 타고 CartPage를 갈 경우에는 props.user.userData값이 존재해서 사진의 코드가 정상적으로 작동할텐데 그렇다면, CartPage를 새로고침 할 경우 state의 값이 빈배열로 초기화되고, useEffect에 props.user는 빈배열이더라고요. 질문 1) CartPage에서 새로고침 할 경우 발생하는 문제 2) reducer에서 state의 값을 가져올 때, landigPage 혹은 해당 페이지에서 새로고침 할 경우, useSelector나 props로 넘겨주는 방식일 때 userData를 받아올 수 있는 방법은 무엇인지가 궁금합니다 감사합니다!!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
이미지 로컬에 업로드 하는 부분 질문
안녕하세요 보일러 플레이트 강의에 이어서 양질의 강의 올려주셔서 감사드립니다. 다름이 아니라 이미지를 로컬 폴더에 저장하는 /api/product/image 부분에서 등록 완료 후 Path,name을 json으로 프론트에 리턴해서 보내주는 과정에서 res.req.file 이 부분은 왜 이렇게 쓸까요? 단순 res.file이라고 하면 오류가 나오더라구요. 강의 잘 보고있습니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
Add to Cart 누를 시에 Gateway timeout 에러가 납니다!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
여러개 이미지 업로드시 슬라이더 형태가 아닌 div가 쌓이는 형식으로 보입니다ㅠㅠ
css 파일이 있는데도 안되네요ㅠㅠ 이유가 뭘까요? 혹시나 해서 'react-image-gallery' 얘도 install 해봤는데도 그대롭니다 흑흑 https://github.com/MinJi1999/online-store 깃허브 주소 남겨봅니다..
- 따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
강의 답변해주시는 기준이 있나요?
삭제된 글입니다