33,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
npm run dev시 login상태
npm run dev 했을 때 회원가입 메뉴가 나오지 않고 login상태로만 되서 logout을 눌러도 반응이 없습니다ㅜ 밑의 질문중에 같은 문제를 보고 mongodb에서 ip를 다시 설정해봤는데도 안됩니다ㅠㅠ...........
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
질문이 있습니다!
안녕하세요 선생님! 저번에 프록시에 대해서 여쭤봤는데 nginx 나 cors로 직접 연결해주시는게 빠르다고 하셨는데요. 제가 최근에 웹 배포를 쌤 영상 참고하면서 heroku로 했습니다. 근데 배포가 된 이후엔 제가 현재 쓰고있는 http-proxy-middleware 모듈이 로컬에서 작동하고 배포한 후엔 헤로쿠에서 어떻게 처리해주는진 모르겠지만 정상적으로 작동하는거같더라구요. 그럼 여기서 궁금해진게 nginx나 cors 설정해도 heroku 웹배포시 영향을 미치는지 궁금합니다. proxy가 없어도 heroku 자체 내에서 알아서 연결시켜준다는걸로 이해하고 있는데 제가 잘못이해하고 있는 부분이 있는지도 궁금합니다!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
리액트 크롬 확장툴이요!
제가 중간에 놓친것같은데.. inspector? 데이터 확인하는 부분있던데.. 크롬확장툴 이름이 뭘까요? :) 3:33초에 나왔습니다!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
npm run dev 오류
npm run dev실행 시 오류때문에 아무것도 안됩니다; dependencies 문제인가 하여 uninstall하고 다시 설치했는데도 오류가 뜹니다 어떻게하져..아무것도 못하고있네요
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
몽고디비와 연결이 안되는건지 계속 에러가 뜹니다 ㅠ
[1] [HPM] Error occurred while trying to proxy request /api/product from localhost:3000 to http://localhost:5000 (ECONNREFUSED) (https://nodejs.org/api/errors.html#errors_common_system_errors) 이런에러가 계속 뜨고 디비에 내용이 들어가지 않아요 504에러가 뜹니다 ㅠ 아이피때문인가 해서 아이피설정도 해줬고 데이터베이스 설정도 해줬는데...왜 안되는건지 3일동안 붙잡고 있어서 문의합니다 ㅠ https://github.com/Yimsu/shopping-project 깃 주소입니다 ㅠ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
getCartItems 배열id로 리스트 찾는 리덕스 부분 질문입니다.
axios.get(`/api/product/products_by_id?id=${cartItems}&type=array`) 이렇게 데이터를 가져온다 하셨는데 아무리해도 안되네요 id=${cartItems[0]} 이런식으로 하면 데이터 잘 넘어가는걸 보니 id가 배열일 경우 작동이 잘 안되는거같은데 아무리 비교해봐도 다르게 코딩한 곳이 없거든요.. 에러메세지 자체가 Cast to ObjectId failed for value \"[ '5fa25f0140c53d7e30b79b15', '5fa25fcb7d9deb7ca89d86c8' ]\" at path \"_id\" for model \"Product\" 라고 뜹니다 ㅠㅠ id가 array일때 못찾는거같은데 어떻게해야할까요? 모델쪽, 리덕스쪽 코드 확인은 다 해봤습니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
외적인 질문이지만 몽고 db 클러스터에 대해 질문드립니다.
안녕하세요 강사님 덕분에 리액트를 한단계 더 알게되었습니다. 감사합니다. 강의를 다 듣고 몽고 db 클러스터를 어떻게 삭제하는지 모르겠어서 질문드립니다. 무료버전을 사용하고 나서 삭제해야 되는지 아니면 그대로 나둬도 되나요? 무료기간이 있어 끝나면 비용이 청구되기도 하는지도 궁금합니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
질문있습니다!
이 프로젝트에서 랜딩페이지보면 맨처음에 로그인 안되어있을때 로그인 된 사람처럼 보이다가 몇초후에 다시 정상처럼 돌아오는 거 있잖아요. 이게 그 받아오는 속도 저하가 문제인건가요? 그렇다면 프록시모듈 문제인가요? 만약 그렇다면 더 빠르게 개선할 수 있는 방법이 있을까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
안녕하세요? DB 저장시 대륙번호가 1번으로만 저장됩니다.
대륙번호 디폴트 값을 1로 해놨는데 디폴트 값으로만 모두 저장되는 것 같습니다. 소스코드는 올려주신 소스코드를 복사해서 사용했습니다. 답변 부탁립니다.
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
response express, prototype 문의
안녕하세요. LandingPage.js에서 import { response } from 'express'; 를 추가하였을 때, useEffect를 사용하면, × TypeError: Cannot read property 'prototype' of undefined 와 같은 에러를 만날 수 있는데, 혹시 어떠한 이유때문일까요...?
- 따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
몽고디비 new clusters 페이지가 어디있나요?ㅜㅜ
삭제된 글입니다
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
Type Error 문의
안녕하세요! 강의들으면서 제가 생각하고 있는 웹으로 따라 만들고 있습니다. const areaContinents = [ {key:1, value:"서울" }, {key:2, value:"경기" }, {key:3, value:"경북" }, {key:4, value:"경남" }, {key:5, value:"전북" }, {key:6, value:"전남" }, {key:7, value:"충남" }, {key:8, value:"충북" }, {key:9, value:"강원" }, {key:10, value:"기타" }, ] const [AreaContinent, setAreaContinent] = useState(1) const areaContinentChangeHandler = (event) => { setAreaContinent(event.currentTarget.value) } <Select onChange={areaContinentChangeHandler} value={AreaContinent}> {areaContinents.map(item => ( <option key={item.key} value={item.key}>{item.value}</option> ))} </Select> 이렇게 코드를 작성하였을때, 와 같은 에러를 접했는데 혹시 어디가 잘못되었을까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
파일 업로드 실패 alert창
안녕하세요! uploads 폴더 안에 파일은 잘 들어가는 것을 확인했으나, 사진을 등록하고자 하면 업로드 실패가 나옵니다. 무엇이 잘못되었을까요? FileUploads.js import React, { useState } from 'react' import Dropzone from 'react-dropzone' import { UploadOutlined } from '@ant-design/icons'; import axios from 'axios'; //import e, { response } from 'express'; function FileUpload() { const [Images, setImages] = useState([]) const dropHandler = (files) => { let formData = new FormData(); const config = { header : {'content-type': 'multipart/form-data'} } formData.append("file", files[0]) axios.post('/api/product/image', formData, config) .then(response => { /* if(response.data.success){ console.log(response.data) setImages([...Images, response.data.filePath]) } else{ console.log(response.data) alert("파일 업로드 실패") } */ setImages([...Images, response.data.filePath] }) } return ( <div style={{display:'flex', justifyContent: 'space-between'}}> <Dropzone onDrop={dropHandler}> {({getRootProps, getInputProps}) => ( <div style={{width:300, height:240, border:'1px solid lightgray', display:'flex', alignItems:'center', justifyContent:'center' }} {...getRootProps()}> <input {...getInputProps()} /> <UploadOutlined style={{fontSize:'3rem'}}/> </div> )} </Dropzone> <div style={{width:350, height:240, overflowX:'scroll'}}> {Images.map((image, index) => { <div key={index}> <img style={{ minWidth:'300px', width:'300px', height:'240px'}} src={`http://locallhost:5000/${image.filePath}`} /> </div> })} </div> </div> ) } export default FileUpload product.js const express = require('express'); const router = express.Router(); const multer = require('multer'); //================================= // Product //================================= 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") router.post('/image', (req, res) => { //image save upload(req, res, err => { if(err) { return res.json({success : false, err}) } return res.json({success: true, filePath: res.req.file.path, fileName: res.req.file.filename}) }) }) module.exports = router; 만약 FileUpload.js 에서 if-else문 없이 setImages([...Images, response.data.filePath]) 로 바로 정의하면 × TypeError: Cannot read property 'filePath' of undefined 와 같은 에러가 나옵니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
질문있습니다
LandingPage.js 에서 (1)handleFilters={ (1) filters =>(2) handleFilters( (2) filters, "continents")} 이 코드가 있잖아요? (1) ,(2) 는 제가 임의로 넣었습니다. 이부분이 잘 이해가 안가는데요 우선 CheckBox.js 에서 props.handleFilters(newChecked) newChecked가 (2)filter의 파라미터로 넘어가는거 잖아요? 근데 왜 (1)filter는 왜 필요한거죠? 또한(1) handleFilters(2) handleFilters가 왜 두개인지 이해가 가지 않습니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
안녕하세요~ 이미지 업로드 관련 질문 있습니다.
안녕하세요. 좋은 강의 올려주셔서 감사합니다. 잘 듣고 있습니다. 다름이 아니라 이미지 업로드 관련하여 두가지 질문 있습니다. 1. 파일을 선택할때 하나씩 선택하는게 아니고 여러장을 선택할 수 있게 하려면 어떻게 해야하는지 궁금합니다 ㅠㅜ 2. 두번째 질문은 아래 url 주소에 질문해주신분과 비슷한 질문입니다. https://www.inflearn.com/questions/77330 handleImagePreview = (e) => { e.stopPropagation(); e.preventDefault(); let file = e.currentTarget.files[0]; let reader = new FileReader(); reader.onloadend = () => { if (this._isMounted) { if (coverList.length === 4) { coverList.splice(1, 1) } coverList.push({ image: reader.result, index: coverList.length }); if (this.state.files.length === 4) { this.state.files.splice(1, 1) } this.setState({ files: [...this.state.files, file], file: file, imagePreviewUrl: reader.result }, this.selected); } }; reader.readAsDataURL(file); 참고해보시면, 강사님께서 이미지 프리뷰 관련하여 위의 코드를 올려 주셨는데 그 코드가 어떻게 적용되는지 너무 궁금합니다..ㅠㅜ 제가 아직 너무 초보라 어디다가 적용하고, 이미지 프리뷰가 되는 영역은 어떻게 구성되는건지 감이 안잡히네요ㅠㅜ 꼭 알려주셨으면 합니다 ㅠㅜ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
안녕하세요
보일러 플레이트강의에 있는 로그인과 레지스터 페이지랑 개발자님께서 쇼핑몰 강좌를 깃헙 에 올려놓은 로그인과 레지스터페이지 코드가 다른데 이건 강의가 따로 없나요?ㅎㅎ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
boiler-plate 관련 질문드립니다.
안녕하세요, 좋은 강의 완강하였습니다. 다름이 아니라 강의 초반에 기존의 boiler-plate를 클론하셨는데, 강사님 Github의 'boilerplate-mern-stack' repo에서 클론하신걸로 알고 있고, 제공하신 무료 기본강의는 'boiler-plate-ko' repo 내용으로 알고 있습니다. Nav바나 cor 부분와 같이 몇몇 부분이 다른거 같던데, 'boilerplate-mern-stack'에 관련된 강의는 따로 제공하시는지 알고 싶습니다. 항상 좋은 강의 감사드립니다! ^^
- 따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
sign up에서 sumbit 버튼을 누르고 페이지
삭제된 글입니다
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
Footer 변경 관련 질문있습니다.
안녕하세요. 강의 듣다가 궁금점이 생겨 질문 남깁니다. 혹시 Footer 에서 ~님 환영합니다로 ~를 로그인 ?user 정보를 가져오고 싶은데 Config.js에서 가져오려 하는데 안되서 혹시나 방법 알려주실수 있나해서 질문 남깁니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
npm run dev에서 오류가 발생합니다..
(사진)