33,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
더보기 버튼 아이템 딱 8개 일 때
안녕하세요! 카드 아이템이 딱 8개일 때는 더보기 버튼이 안 보여야하는데, 보이는 걸 해결하려면 PostSize >= Limit이 아니라 PostSize > Limit 으로 하면 될 줄알았는데, 안되더라구요! 왜 그런지 설명해주시면 감사하겠습니다! {PostSize >= Limit && ( <div style={{ justifyContent: 'center' }}> <button onClick={loadMoreHandler}>LOAD MORE</button> </div> )}
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
css에 관해서 질문있습니다!
안녕하세요 강사님. 강의 정말 잘 보고 있습니다. 파일을 업로드하고 썸네일 이미지에 css를 주고 싶은데, 예를 들어 마우스를 허버링 했을 때, 다른 옵션을 주고 싶은데 가능한가요??? 가능하다면 어떤 방식으로 해야하나요??
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
정보를 가져오는데 있어서 post를 쓴 이유가 있나요?
제가 아직 get과 post의 정확한 개념이 확립되지 않아서 질문드립니다. 단순히 read의 역할이면 get으로 landingPage에 불러와도 되지 않나요? 아래는 get으로 했을 때도 data가 잘 받아와져서 질문했습니다!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
submit 관련 질문이 있습니다.
다른 분들의 질문을 통해 Antd를 사용하면 Button 태그에 이벤트핸들러를 넣어줘야 하는 것을 알았습니다.! 궁금한건 Button에 onClick 으로 이벤트핸들러를 해주면 잘 되는데, onSubmit으로 하면 아무 반응이 안일어납니다 ㅠㅠ <Form> <FileUpload refreshFunction={updateImages} /> <br /> <br /> <label>이름</label> <Input onChange={titleChangeHandler} value={Title} /> <br /> <br /> <label>설명</label> <TextArea onChange={descriptionChangeHandler} value={Description} /> <br /> <br /> <label>가격</label> <Input onChange={priceChangeHandler} value={Price} /> <br /> <br /> <select onChange={continentChangeHandler} value={Continent}> {Continents.map((continent) => ( <option key={continent.key}>{continent.value}</option> ))} </select> <br /> <br /> <Button tpye="submit" onClick={submitHandler}> 확인 </Button> </Form>
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
사진 업로드 오류 질문드립니다.
선생님 안녕하세요~! 강의 열심히 듣다가 막혀서 질문드립니다. npm run dev 로 실행한 상태이며 해당 강의에서 5분 40초 내용처럼 사진 파일을 업로드 누르면 console 에 이와 같은 에러가 나타납니다 ㅜ 이 부분은 어디를 손봐야 할지 전혀 모르겠어가지고요 ㅜ 확인 한번만 해주시면 감사하겠습니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
질문있ㅅ브니다
$$inc 하구 cart.$.quantity 로 넣어주시는데 여기서 $ 이표시가 없으면 quqntity가 올라가지않고 에러가뜹니다 $ 이걸 넣어주므로써 어떤 동작을하는지 궁금합니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
상세보기 중 서버 재시작 시 데이터 로드 실패. 정상인가요?
홈 화면에서 이미지 선택해서 상세보기를 하면 데이터가 잘 나옵니다. 코드 수정하고 저장하면 서버가 재시작됩니다. 이때 새로고침된 상세보기 페이지는 데이터가 나오질 않네요 콘솔에서는 GET http://localhost:3000/api/product/products_by_id?id=5f2f6e422f957725b447a9de&type=single 404 (Not Found) - xhr.js createError.js:16 Uncaught (in promise) Error: Request failed with status code 404 at createError (createError.js:16) at settle (settle.js:17) at XMLHttpRequest.handleLoad (xhr.js:61) 서버 재시작 후 다시 홈 화면에서 이미지 클릭하고 상세보기는 잘 나오는데 서버 재시작 후 상세보기에서는 왜 데이터를 로드 못하는지 궁금하네요!!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
카트페이지에서 quantity만 못가져오는데요 왜그런걸까요 ?
스테잇을 확인하면 quantity 부분이 빠져있는데 어디를 확인해야 할지 모르겠네요. 도와주세요! 감사합니다 깃헙주소입니다: https://github.com/vladastam/shop_app
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
카트에 담을때 아이디가 null로 저장되는데 어디가 잘못된걸까요??
이런식으로 나와서 카트에 같은걸 넣을때도 수량이 안늘어나고 카트 디테일에서도 오류가나는데 어느부분이 잘못된건지 찾을수가없네요 https://github.com/vladastam/shop_app 도와주세요 ! 감사합니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
최신 boilerplate
https://github.com/qnrjs42/New_Boilerplate 강사님 강의 잘 보고 있습니다. antd Icon이 따로 업데이트가 되어 귀찮은 작업을 덜어내고자 공유합니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
페이팔 결제 후 데이터 베이스 연결이 잘 안되요.
거의 끝인데, 3일동안 문제를 찾아봤는데, 안되서 질문드려요. 제목대로, 페이팔 연결 결제 후 onSuccessBuy함수후에 디비 연결이 안됩니다. 뿐만아니고, 웹 페이지 자체가 프록시 연결을 못하고 다 깨져버려서 어디서 잘 못된 건지 찾을 수가 없어요. 참고로, 강사님 소스코드를 그대로 가져다가 붙여넣기 해봤는데, 결과가 같았습니다. 에러는 아래와 같아요. 그리고, 웹페이지는 이렇게 되구요 콘솔을 확인해보면 이렇게 나옵니다. 혹시해서 제 깃에 소스 올렸어요. 소스 주소는 https://github.com/aywhr75/need-check 입니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
샌드박스 어카운트가 하나만 나오는데요..
지금 이틀째.. 이부분이 해결이 안되서 질문드려요. 이렇게 만들고, 앱을 만들려고 하면 어카운트가 비지니스 하나만 나타나는데, 이유를 찾을수가 없어요..ㅜㅜ 이런식으로만 나타나는데, (어카운트를 만들때 비밀번호 변경도 한상태)비지니스 어카운트를 이용해도 상관 없는건지, 알려주실수 있을까요? 다음 강의를 진행하고 싶어요...ㅜㅜ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
Product.js 코드 질문드립니다
안녕하세요 강사님 강의로부터 많은 걸 얻고 있어서 항상 감사드립니다. product.js에서 데이터베이스안에 데이터를 찾을 때 find 함수를 쓰잖아요? 근데 checkbox에 filter를 이용해서 데이터를 조회할때 find함수안에 findArgs를 넣어주시던데 만약에 filter가 비어있다면 find(findArgs) 함수를 쓰면 아무런 데이터도 가져오지 못하는거 아닌가요?? findArgs가 비어있어서 그렇게 생각이 듭니다..
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
검색기능 문의
1)검색기능에서 텍스트가 변경될 때마다 axios post로 데이터를 서버쪽으로 전송하고 있습니다. client쪽에선 매번 rerendering 되는것이고, 서버쪽에선 매번 조회하는건데 성능상에선 괜찮은걸까요?? 혹시나 더 나은 방법이 있을런지요?? 2)검색기능 시 MongoDB에서 Control Search Result with Weight 문서를 보아도 잘 이해가 되지 않는 부분이 있습니다. weight에 따라서 조회결과값의 순서가 달라지는걸까요?? 예를 들어서, weight를 주지 않았을 때 1 - 2 - 3 - 4 로 조회되는게 weight를 주면 2 - 3 - 1 - 4 조회되는걸까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
LandingPage에 loadMoreHandler부분 Filter문의
선생님 영상 잘 보고 있습니다. 덕분에 많은것을 배우고 있습니다. LandingPage - loadMoreHandler함수 - body변수에 filter가 없어서 '더보기' 버튼을 누르면 모든 데이터가 조회되는거 같은데 filter부분을 추가해야 되는게 아닐런지요? 감사합니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
npm install
섹션 0 두번 째 강의에서 npm install 하는 곳부터 에러가 나는데 > bcrypt@3.0.8 install C:\Users\118dg\Downloads\boilerplate-mern-stack-master\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 Pre-built binaries not installable for bcrypt@3.0.8 and node@12.18.3 (node-v72 ABI, unknown) (falling back to source compile with node-gyp) node-pre-gyp WARN Hit error Remote end closed socket abruptly. 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:310:5) gyp ERR! stack at ChildProcess.errorhandler (child_process.js:322:5) gyp ERR! stack at ChildProcess.emit (events.js:315:20) gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:273:12) gyp ERR! stack at onErrorNT (internal/child_process.js:469:16) gyp ERR! stack at processTicksAndRejections (internal/process/task_queues.js:84:21) gyp ERR! System Windows_NT 10.0.18362 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\\118dg\\Downloads\\boilerplate-mern-stack-master\\boilerplate-mern-stack-master\\node_modules\\bcrypt\\lib\\binding\\bcrypt_lib.node" "--module_name=bcrypt_lib" "--module_path=C:\\Users\\118dg\\Downloads\\boilerplate-mern-stack-master\\boilerplate-mern-stack-master\\node_modules\\bcrypt\\lib\\binding" "--napi_version=6" "--node_abi_napi=napi" "--napi_build_version=0" "--node_napi_label=node-v72" gyp ERR! cwd C:\Users\118dg\Downloads\boilerplate-mern-stack-master\boilerplate-mern-stack-master\node_modules\bcrypt gyp ERR! node -v v12.18.3 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\118dg\Downloads\boilerplate-mern-stack-master\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding\bcrypt_lib.node --module_name=bcrypt_lib --module_path=C:\Users\118dg\Downloads\boilerplate-mern-stack-master\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding --napi_version=6 --node_abi_napi=napi --napi_build_version=0 --node_napi_label=node-v72' (1) node-pre-gyp ERR! stack at ChildProcess.<anonymous> (C:\Users\118dg\Downloads\boilerplate-mern-stack-master\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:1021:16) node-pre-gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:286:5) node-pre-gyp ERR! System Windows_NT 10.0.18362 node-pre-gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\118dg\\Downloads\\boilerplate-mern-stack-master\\boilerplate-mern-stack-master\\node_modules\\node-pre-gyp\\bin\\node-pre-gyp" "install" "--fallback-to-build" node-pre-gyp ERR! cwd C:\Users\118dg\Downloads\boilerplate-mern-stack-master\boilerplate-mern-stack-master\node_modules\bcrypt node-pre-gyp ERR! node -v v12.18.3 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\118dg\Downloads\boilerplate-mern-stack-master\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding\bcrypt_lib.node --module_name=bcrypt_lib --module_path=C:\Users\118dg\Downloads\boilerplate-mern-stack-master\boilerplate-mern-stack-master\node_modules\bcrypt\lib\binding --napi_version=6 --node_abi_napi=napi --napi_build_version=0 --node_napi_label=node-v72' (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\118dg\AppData\Roaming\npm-cache\_logs\2020-07-31T21_23_04_559Z-debug.log 이 에러는 어떻게 해결하면 될까요? ㅠ 파이썬도 최신 버전으로 다시 설치해보고 이것저것 시도해봐도 안되네요 ㅠ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
더보기 버튼
더보기 버튼이 한번으로 클릭이 되지 않고, 두번 클릭한 경우에 사진이 나오는데요... 사진 1~8번다음에 9번 10번이 아니고 1~10번 사진들을 한번더 출력해주는데, 어느부분이 잘 못 된건지 찾을 수가 없어요. 코드에 조건문이 잘못 됐나 해서 여러번 확인 했는데, 이상한 부분을 찾기 힘들어요. 일단은 더보기 버튼 자체가 계속 두번 눌려야지 동작합니다. 어떤걸 확인해봐야 될까요? product.js LandingPage.js
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
heroku배포
안녕하세요! 강의를 전부 수강하고 유튜브에 올리신 heroku 배포 영상 보고 배포까지 성공했습니다! 다른건 다 잘 작동되는데 문제가 사진을 올리면 다음에 들어왔을때 이미지가 사라져버린다는 것입니다 ㅠㅠ 찾아보니 헤로쿠는 이미지를 임시저장하기 떄문에 이미지가 날라가버리고, aws s3를 이용하는 방법이 있다고 합니다 혹시 어떻게 진행하면 되는지 알려주실 수 있나요?? 꼭 aws s3를 이용해야 하는건가요?ㅠㅠ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
split이랑 map을 사용하신 이유가 궁금합니다.
split으로 ','을 이용하여 나눠서 여러 데이터들을 ids에 넣어주셨는데 그렇게되면 productIds = ids; 이렇게하면 똑같은 데이터가 들어가지 않는건가요??
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
선생님~ () 와 {} 의 차이는 알고있는데요!
map을쓸때 return을 붙여야하는 경우는 {}고 , return을 안붙이고싶으면 () 를 쓰는 개념은 알고있는데요~ 이번 강의에서 {} 를 사용하신거는 map을 const 변수 에 담으셨기때문에 사용하신건가요~? 궁금합니다! 그리고 next를 활용한 강의를 연재하실 생각은 없으신지 궁금합니다. 혼자 독학하면서 강의를 여러군데봐오다보니 이제 강의라면 지긋지긋한데요! 선생님 강의는 딱딱 필요한것만 설명해주셔서 정말 좋아요!