33,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
response 가 자꾸 없다는데 제가 뭘빠뜨린거죠?
리스폰스 코드에 입력 다 했는데 자꾸 없다고 뜨네요 ㅠ \ 제재를 가할 수 있습니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
LandingPage의 더보기 버튼 구현 중 ESLint 문법 에러 질문입니다.
안녕하세요. LandingPage의 더보기 버튼 부분에서 강사님의 코드를 따라 치며 강의를 듣던 중 ESLint 문법 에러가 발생하여 질문 드립니다. 아래와 같이 useEffect를 사용할 때 dependencies에서 에러가 발생했는데요. 파일은 LandingPage.js이며, 코드는 다음과 같습니다. 위 코드를 보시면 강의에서 작성해주신 코드와 조금 다른 점이 있는데, 기존에 47번 째 줄에 들어가는 if, else문을 56번 째 줄의 renderChecker라는 함수를 따로 만들어서 뺀 것입니다. 에러 메세지를 토대로 Skip, Limit, getProducts를 41번 째 줄 dependencies에 추가 해봤는데, 이번에는 아래와 같은 에러 메세지가 뜨더라구요. 그래서 첫 번 째 에러 메세지(Line 41:20)를 해결하기 위해, getProducts 함수를 useEffect 위로 올리고, 기존의 renderChecker 함수를 없애고 getProducts 함수에 다시 그 내용을 넣었습니다. 그리고 두 번 째 에러 메세지(Line 44:9)를 해결하기 위해, useCallback을 사용하여 아래와 같이 작성해 보았습니다. 그랬더니 이번엔 아래와 같이 에러가 떴습니다. 그래서 39, 41번째 줄의 setProducts를 setProducts(() => ...) 와 같은 형식으로 바꾸고, 48번 째 줄의 dependencies에 [Products]를 추가하니, 아래와 같이 기존에 product.js(서버쪽)에서 continents, price 필터 테스트를 위해 작성했던 console이 무한으로 찍히더라구요. 에러메세지를 구글링해가며 계속 해결 시도를 해보았으나, 제 선에서 해결하지 못해서 이렇게 도움을 요청드립니다ㅠ 답변 주시면 감사하겠습니다!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
CRUD를 해보고싶은데 UD를 좀 질문드려도될까요
강의 따라 들은 덕분에 리액트와 노드익스프레스 이해도 잘되고 좋았습니다. 혹시 제품상세 페이지에서 delete버튼이나 수정버튼을 달고 제품정보 수정이나 삭제를 해보고싶은데 간단하게라도 알려주실 수 있을까요? 감사드립니다.
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
mongoose에 관한 질문 하나만 여쭤보겠습니다!!
이와 같이 findArgs가 continents : [1,2]일때, 몽고디비에서 continents 필드의 배열 값과 같은 모든 도큐먼트를 가져오려고 하는데요, find 객체의 property가 배열일 경우 $in을 사용해야 하는 것으로 알고 있는데, $in을 사용하지 않고도 데이터가 가져와지네요. $in을 사용하지 않고도 원래 데이터를 가져올 수 있는 건가요?아니면 $in을 사용해야만 하는 경우가 따로 있는건가요? 감사합니다!!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
첫 시작 하는데 npm install 시 오류가 납니다 ㅠㅠ
Boiler Plate 깔고 npm install 시 아래와 같은 오류가 납니다 ㅠㅠ 원인이 무엇일까요? PS E:\node_\boilerplate-mern-stack-master> npm install > bcrypt@3.0.8 install E:\node_\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.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-06T16_48_01_155Z-debug.log
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
도커 배포시에 image upload 경로 설정
안녕하세요 선생님. 좋은 강의 올려주셔서 많이 배울 수 있었습니다. 이제 이 프로젝트를 도커로 만들어서 배포 해보고 싶어서, docker-compose up을 구글링으로 해보고 있습니다. client와 server를 따로 dockerfile을 만든 후에, compose-up으로 같이 실행하는거까지는 이해가 가는데, 그 후에 upload 디렉토리와 경로를 어떻게 설정해야 할지 모르겠어서 질문남깁니다. 먼저 docker-compose.yaml 파일의 코드는 이렇습니다. version: "3" services: client: build: dockerfile: dockerfile context: ./client volumes: - ./client/:/app - /app/node_modules networks: - backend server: build: dockerfile: dockerfile context: ./server volumes: - ./server/:/app - /app/node_modules environment: - NODE_PATH=src - PORT=5000 - NODE_ENV="production" #안되면 이거 그냥 제거하고 dev모두로 사용 - MONGO_URI='mongodb+srv://<name>:<password>@boilerflate.ynaxn.mongodb.net/<db>?retryWrites=true&w=majority' networks: - backend ports: - "5000:5000" nginx: restart: always build: dockerfile: dockerfile context: ./nginx ports: - '3000:80' networks: - backend networks: backend: driver: bridge volumes: data: driver: local 제가 Node.js와 배포가 처음이라, Nodejs 환경변수 설정하는게 저게 맞는지도 헷갈립니다.. ㅠㅠ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
heroku 배포시에 에러 발생
안녕하세요. 선생님께서 올려주신 https://www.youtube.com/watch?v=qdoiwouykAg 강의를 보고 이 앱을 헤로쿠에서 deploy 하는데 아래 에러가 발생합니다. documentation도 찾아봤는데 이유를 모르겠네요... 왜 그러는 걸까요?? 참고로 heroku buildpacks 를 해보았는데 빌드팩이 없다고 뜹니다.
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
Link를 사용하지 않고 a tag를 사용하는 이유
선생님의 이전까지의 모든 연관 로드맵을 보고 react와 node로 실질적인 어플리케이션을 구성하는 법을 공부해왔습니다. 많은 것을 배웠고 감사함을 갖고 있습니다. 제가 선생님 강의를 보면서 늘 궁금했던 점이 react-router-dom에서 제공해주는 라이브러리인 Link를 사용하지 않고 a tag를 사용하셨는데, a tag를 사용할 경우 컴포넌트를 이동할 경우 리덕스의 state가 초기화 되는 것으로 알고 있습니다. 이를 방지하기 위해 Link를 쓰는것으로 알고 있고요 실무에서는 a tag를 사용해서 구현하나요, 아니면 웹페이지의 성격상 리덕스가 초기화 되도 큰 문제가 없기에 a tag를 사용한 것인가요? 선생님께서는 Link와 a tag중 어떤것을 권장하시는지도 궁금합니다. 늘 감사합니다 선생님!
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
RightMenu.js에서 useSelect 질문있습니다
if (user.userData && !user.userData.isAuth) { return ( <Menu mode={props.mode}> <Menu.Item key="mail"> <a href="/login">Signin</a> </Menu.Item> <Menu.Item key="app"> <a href="/register">Signup</a> </Menu.Item> </Menu> ) 이와 같은 코드에서 landing page로 첫 로딩이 됬을 경우, user_reducer.js 파일에서 state의 초기값을 빈객체로 하였기 때문에 처음에는 빈 객체가 출력되고 dispatch한 action값으로 state값이 변경되는 구조이잖아요 위 사진과 같이 빈 객체일 시점에, if(user.userData && user.userData.isAuth)를 쓰면 user.userData가 없는 property에 접근하기에 에러가 발생한다고 생각했는데, undefined가 되네요. 그렇다면 똑같이 빈 객체일 시점에서, user.userData.isAuth를 하면 에러가 발생하네요. 이 둘은 자바스크립트의 객체의 문법적인 특징인가요?? 혹시 참고할만한 자료같은게 있으면 부탁드리겠습니다 항상 강의 잘 보고 있습니다. 늘 다음 강의가 기다려지는 강의 감사합니다!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
Add to Cart 누를 시에 Gateway timeout 에러가 납니다!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
크롬에서 실행시 비밀번호 노출되었다는 알람
안녕하세요. sign in 시에 아래와 같은 경고가 계속 뜹니다. 이 부분은 왜 그러는 것이고 어떻게 해결할 수 있는지요??
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
이 강의와 좀 벗어난 React Native 에 관한 질문 드려도 될까요 ?
2달전 이 강의 구입하고 진행 하다 회사 프로젝트로 중단하게 되었네요 지금 회사에서 React Native 프로젝트를 하고 하고있는데 downloader 에 비해 advanced 자료가 너무 없어 여기에 질문을 올림니다 혹시 답변해주실수 있으시면 몇가지를 알고 싶습니다. 현재 react-native-calendars 하고 있는데 그냥 calendars 에 관한 자료가 github 빼면 제로에 가깝네요 calendars 그냥 UI 띄우는것과 특히 select 한 날짜를 클릭할 경우 MarkedDates 표시되는 것을 알고 싶습니다. 혹시 info 아시는곳 있으면 그것도 알고 싶습니다. react 도 react native 도 Class Component 와 Function Component 로 짜는것과 차이와 어떤것을 사용하여 짜는게 더 좋은지도 알고 싶습니다. 우선 잘 모르니 인터넷에 업로드되어있는것을 보고 더 많이 사용하는쪽으로 짜려고 하면 외국인 개발자들은 function 을 많이 올리고 한국인 개발자들이 올린것을 보면 class 가 더 많아보여 혼동이 됩니다. 감사합니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
처음에 props.detail이 비어있는 이유가 있나요??
서버에서 product를 가져오고 그걸 <ProductImage detail={Product} /> 에 넣어주고 props로 들어가기까지가 한 번의 렌더링으로는 안 끝나는 건가욤?!
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
8분 27초 쯤에 uploadProductPage가 자식 컴포넌트가 됐다는 말이 이해가 잘 안갑니다ㅠㅠ
Auth에 있는 user data에 따라, uploadProductPage의 submitHandler 바디값이 바뀌기 때문인가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
여러개의 이미지를 업로드하면 slider 형태가 아니라 그냥 아래 쌓이는데 어떻게 하죠?ㅠ
이렇게요..
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
FileUpload 파일에서 질문이 있습니다!!
업로드를 하는데 자꾸 alert가 나와서 뭐가 문젠지 보다가 formData.append("files", files[0]); 라고 오타를 찾아서 문제는 해결을 했습니다! 그런데 왜 "files"라고 적으면 오류가 나는 건가요??
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
올린 여행상품의 사진을 수정하려면 어떻게 구현해야 하나요 ?
만약 여행 상품을 올려서 게시글을 작성했다면 추후에 해당 게시글을 수정할 때이미지를 변경하려면 어떻게 구현하는게 좋을까요 ?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
Product 모델 질문입니다.
깃허브에 올려놓은신거 참고 하면서 하다보니 Product.js 하단에 productSchema.index({ title: 'text', description: 'text' }, { weights: { title: 5, description: 1 } } 이런 부분이 있던데 이걸 안넣어줘도 DB에 잘들어가긴 하던데 저걸 넣어주고 안넣어주고의 차이가 궁금합니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
업로드 된 이미지 리스트를 map으로 DIV 엘리먼트를 만들 때
일단 강의 잘 듣고 있습니다 감사합니다. 업로드 된 이미지 리스트를 map 을 이용해서 div 엘리먼트들을 만들때 div 엘리먼트에 key 값을 왜 넣어줘야 하는지?넣어주면 무슨 역할을 하는지 궁금합니다.
- 따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
회원가입을 하려니 이러한 오류가 뜹니다.
삭제된 글입니다