33,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
더보기 버튼
Postsize >= Limit으로 설정을 하면 마지막으로 남는 상품의 개수가 limit과 동일하면 모든 사진을 다 불러온 상태임에도 더보기 버튼이 남게되는데요 예를들어 limit이 8이고 더 불러올 수 있는 상품이 딱 8개가 남으면 더보기버튼을 클릭해서 남은 8개의 상품을 다 가져와도 더보기 버튼이 그대로 남아 한번 더 클릭해야 없어집니다. 이 문제를 해결할 방법은 없을까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
안녕하세요
안녕하세요 이제 막 수업을 하면서 개발 편하게 셋팅중에 있는데요환경변수를 설정해서 api 호출할때 선언하신 USER_SERVER = '/api/users/' 이부분에 process.env.REACT_APP_API_URL 로 베이스 로컬서버주소를 붙혀 통신하게끔 수정작업하였습니다. 그런데 응답값들이 제대로 안떨어지더라구여 혹시 개선할 방법이 있을까요?이작업을 하는 이유는 import 시 상대경로를 타는걸 절대경로로 바꾸다보니 시작되었습니다.혹시 import,api 둘다 절대경로로 설정할 방법에 대해서 가이드 부탁드려도 될지요
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
결제시스템 조언 부탁드려요~
안녕하세요~ 며칠전 수강을 완료했습니다. 먼저 재밌게 잘 들었다고 감사인사 전합니다. ^^ 이제 실제로 사용할 수 있는 쇼핑몰로 점점 발전시켜볼 생각이 들어서, 페이팔 말고 실제 국내에서 쓸 수 있는 결제 시스템으로 바꿔보려고 하는데, 어떻게 해야 할 지 그냥 막막하네요~ 어떤 방향으로 검색이나 공부해야 할지 추천 및 조언 부탁드립니다~
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
카트 페이지 오류(2)
매번 귀찮으실 텐데 답변 감사드립니다! 코드가 쌓이니까 어디서 에러가 난지 모르겠네요ㅠㅠ 말씀해주신대로 Cartpage.js를 밑에 처럼 고쳤는데도 에러가 나오네요.. 답변 늘 감사드립니다!!!! <div> <UserCardBlock products={props.user.cartDetail} /> </div>
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
카트 페이지 오류
안녕하세요! 카트 페이지에 정보가 안 담기네요. 일단 에러는 이렇습니다. CartPage, user_actions, product 다 보아도 어디가 잘못된 건지 모르겠네요.. github : https://github.com/dongha1992/MERN-boilerplate 매번 답변 감사드립니다!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
react-image-gallery css
이미지 갤러리 css 를 수정하려면 어떻게 해야하나요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
사진 업로드 문제
저는 라우터 분류하지않고 index.js에 다 넣고 작업을 하고있습니다! 이렇게도 되는지 궁금해서요! 그런데 multer로 사진 가져오고 옆쪽에 미리보기 하는게 안뜹니다 ㅠㅠ 사진 업로드를 시도하면 아래와 같은 에러가 뜹니다! C:\Users\이\Desktop\joy\server\index.js:114 [0] return req.status(400).json({success:false, err}) [0] ^ [0] [0] TypeError: req.status is not a function [0] at C:\Users\이\Desktop\joy\server\index.js:114:24 [0] at Array.<anonymous> (C:\Users\이\Desktop\joy\node_modules\multer\lib\make-middleware.js:53:37)[0] at listener (C:\Users\이\Desktop\joy\node_modules\on-finished\index.js:169:15) [0] at onFinish (C:\Users\이\Desktop\joy\node_modules\on-finished\index.js:100:5) [0] at callback (C:\Users\이\Desktop\joy\node_modules\ee-first\index.js:55:10) [0] at IncomingMessage.onevent (C:\Users\이\Desktop\joy\node_modules\ee-first\index.js:93:5) [0] at IncomingMessage.emit (events.js:327:22) [0] at endReadableNT (_stream_readable.js:1221:12) [0] at processTicksAndRejections (internal/process/task_queues.js:84:21) [1] [HPM] Error occurred while trying to proxy request /api/upload/photo from localhost:3000 to http://localhost:5000 (ECONNRESET) (https://nodejs.org/api/errors.html#errors_common_system_errors) [0] [nodemon] app crashed - waiting for file changes before starting... 어떻게 해결할 수 있을까요? git : https://github.com/joyeee22/boiler-plate-ko 입니다!
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
check box CSS 문제입니다.
안녕하세요. 덕분에 image 문제를 해결했습니다 감사합니다! 계속 강의를 듣고 있는데 check box를 만드는 부분에서 접혀있던 박스를 열면 사진이 밀리네요. css 문제인 거 같은데 어디가 잘못된지 모르겠습니다. 살펴봐주세요! 감사합니다. 깃깃허브 https://github.com/dongha1992/MERN-boilerplate
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
Paypal 로그인이 되지 않습니다.
동영상에 default는 에러난다고 해서, 새로 만들어서 계정생성 후 새로운 비밀번호 넣고 크리덴셜 생성 후에 Paypal.js에 client sandbox에 생성된 해당 ID 넣고 로그인을 시도했는데, 로그인 되는 것처럼 보이다가 그림처럼 에러가 나고 로그인이 안되네요;; (이메일은 새로 생성한 개발용 아이디를 넣었습니다. 지우고 캡처함) 이틀동안 계속 해보는 데도 안되는데, 새로 만들어봐도 안되고;; 혹시 저와 같은 문제 겪으시는 분 없나요;; 조언 부탁드립니다.
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
Cannot read property 'path' of undefined
안녕하세요. 유튜브에서 강의 듣다가 이곳으로 오게 됐네요. 좋은 강의 감사드립니다. 다름이 아니라 이미지를 업로드하고 submit 버튼을 누르면 landing page에 이미지가 나오지 않는 에러에서 막혔습니다. 이미지를 업로드 하고 나면 object 콘솔에 이미지 주소가 아니라 empty array로 나오는 것으로 보아 뭔가 잘못된 거 같은데 무엇인지를 모르겠습니다. (postman도 empty array로 나옵니다.) 아, 그리고 submit을 눌렀을 때 uploads 폴더에 이미지가 바로 안 뜨고 vscode를 껐다 켜면 그때야 생깁니다. postman 에서 post 해보니 "Cannot read property 'path' of undefined"라는 에러가 떴습니다! 깃헙 : https://github.com/dongha1992/MERN-boilerplate
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
사진 파일 업로드
저는 router 사용하지 않고 index.js에 다 넣어놓고 있는데요! const express = require('express'); const app = express(); const bodyParser = require('body-parser'); const cookieParser = require('cookie-parser'); const config = require('./config/key'); const { User } = require('./models/User'); const { auth } = require('./middleware/auth'); const { Image } = require('./models/Images'); const multer = require('multer'); var storage = multer.diskStorage({ destination: function (req, file, cb) { cb(null, './Uploads') // 저장 }, filename: function (req, file, cb) { cb(null, `${Date.now()}_${file.originalname}`) } }) var upload = multer({ storage: storage }).single("file") app.post('/api/upload/photo', (req, res) => { upload(req, res, err => { if(err) { return req.status(400).json({success:false, err}) } return res.json({success:true, filePath: res.req.file.path, fileName: res.req.file.filename}) }) }) app.post('/api/upload', (req, res) => { const image = new Image(req.body) image.save((err) => { if(err) return res.json({success:false, err}) return res.status(200).json({success:true}) }) }) 이렇게 했는데 Manifest: Line: 1, column: 1, Syntax error. xhr.js:178 POST http://localhost:3000/api/upload/photo 504 (Gateway Timeout) createError.js:16 Uncaught (in promise) Error: Request failed with status code 504 at createError (createError.js:16) at settle (settle.js:17) at XMLHttpRequest.handleLoad (xhr.js:61) 이런 에러들이 계속 발생합니다ㅠㅠ 이유를 알수있을까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
const 배열 선언에서 event.currentTaget.value값궁금합니다
const continentChangeHandler = (event) => { setContinent(event.currentTarget.value) // console.log(event.target.value) console.log(Continents[event.currentTarget.value-1]); } 여기서 console.log로 찍어보니 값이 한자리 밀려서 나오는 것 같아서 -1로 값을 넣어 진행했습니다. 맞게 한것인지 확인 부탁드립니다!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
navbar props.mode
현재 antd로 되어있는 navbar를 bootstrap으로 변경해보려고 하는데요! 로그인 전에는 상단 메뉴에 login이 존재하고 login후에는 사라지는 것을 하고싶은데 현재 RightMenu.js에 <Menu mode={props.mode}> 이 부분이 어떤걸 의미하는지 궁금합니다!
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
파일 저장안되는 문제
파일을 올리면 위와같이 나오고 저장을 하면 DB에 저장되지 않습니다... 같은 강의 계속보면서 뭐가 문제인지 찾는데 해결이 안됩니다. 혹시 몰라서 깃 주소 올려드립니다. https://github.com/sunghye-on/shop
- 따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
앱 실행후, 카트 페이지에 들어갈때 다음과 같은 오류가 발생합니다 ㅠㅠ
삭제된 글입니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
이미지 경로지정 $가 안먹히는것같아요.
이게 색이 구분되서 참조(이 뜻이 맞는지 모르겠습니다.)$ 기호안에 image가 읽혀야되는걸로 알고 있는데 왜 통으로 url인식을 할까요??
- 따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
map함수관련 문의사항입니다~
삭제된 글입니다
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
proxy 오류
[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 run dev하면 계속 이런 에러가 뜹니다ㅠㅠ netstat -ano로 들어가면 5000번 포트로 돌고있는 건 아무것도 안뜨는데 192.------ 이런게 엄청 많이 떠있습니다 왜그런걸까요?ㅠㅠ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
이미지 상대주소로 저장방법
안녕하세요. 완강한 이후에 추가로 헤로쿠에서 배포하는 강의까지 수강하였고 헤로쿠에서 정상작동을 했습니다. 인터넷에 배포를 할때 , src={`http://localhost:5000/${image}`} 상대주소를 적어서 dev 모드와 prod모드에서 동시에 보여질려고 하면 어떻게 해야 하는 지 궁금합니다. 감사합니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
배포관련하여 다시 질문드립니다.
안녕하십니까, 밑에 질문 드렸던 사람입니다. 선생님의 github에 있는 react-shop-app-master를 다운받아서 아무런 변경도 없이 선생님의 파일을 동영상 강의를 따라 step by step으로 따라 해서 heroku에 배포를 했지만 똑같은 error가 발생합니다. 처음 앱이 실행되면 로그인을 하지도 않았는데 로그인 한 유저들이 볼 수 메뉴(logout)가 나타납니다. 그러다가 한참을 지나고 나면 정상적인 로그인 하지 않은 유저가 볼 수 있는 페이지가 나타납니다. 이 때 개발자도구를 보면 아래와 같이 "Request failed with createError" 가 발생합니다. 제가 지금 캐나다에서 살고 있는데 혹시 제가 사용하는 isp업체와 호환성때문에 그런 것은 아닌지 문의드립니다. local 상태에서 할 때는 아무 문제가 없는데 heroku에 배포하고 나니 문제가 생기네요. client와 server 사이에 통신 중에 응답시간이 너무 길어져서 끊어지는 것같은데 혹시 proxy를 사용할 때 문제가 생겨서 그런 것인지 궁금합니다. 안녕히 계세요.