월 28,600원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
반복문 예제문제 실패 문의
반목문 Question 에서 products 리스트 적용 후에 정답을 한번 선언식 말고 표현식으로 써보려고 했거든요 let getPrice = function(products){ const length = products.length; for(let i = 0; 0 < length; i++){ console.log(products.length[i]) } } 이렇게 했을때는 별 문제가 없어보이고 products.length 로 확인했을때도 이상없이 2 라고 나오는것을 확인했는데요, getPrice(products) 를 실행하니 반복횟수가 어마어마하게 계속 늘어나면서 컴퓨터가 마비되려고 하네요 반복문에 뭐너가 틀린게 있는건지 다른부분에서 틀린건지 궁금해서 남겨 놓습니다 ㅠㅠ
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
card영역이 footer 영역을 침범하여 문의드려요
강의 뒷부분에서 나온다고 댓글 확인했는데 아직 안나와서요.. height:100%는 어디다 적용되었는지 모르겠네요
- 해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
상품 상세 페이지 구현 -2 오류 문의
상품 상세 페이지 구현-2 영상 3:12초까지 동일하게 코딩 후 /product 화면에서 > 상세 보기 이동할 때 conosole창에서 에러가 발생하면서 빈 화면이 조회되는 경우가 있습니다. 혹시 왜그런지 아실까요? npm start 다시 돌리니 정상 동작하더라고요..
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
그림과 설명이 출력이 맞지 않게 되는데, 어떤 코드를 봐야할지 알려주실 수 있을까요?
web-main-index.js server- server.js 의 경우 강사님의 코드와 다른 것이 없는데, 사진과 같이 사진과 아래 표기가 일치하지 않고 또한 키보드(축구공 사진)을 클릭하면 농구공 화면이 뜨면서 조던이 사용하던 농구공입니다!가 나오지만 그 외 나머지 두 개는 아무것도 뜨지않습니다 . ㅠㅠ 이런 경우에 어떤 코드가 문제일까요
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
아 저 혹시 큰 문제는 아닌데,
ctrl z로 하고 다시 킬때, 무한 로딩이 걸려서 매번 다시 비쥬얼스튜디오를 키는데 ...이런건 그냥 일반적으로 얼마든지 발생할수있는 문제인가요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
강의를 듣다가 궁금한 점이 있습니다!
쌤! 궁금한 것이 있는데요 배너를 클릭을 해서 상품상세페이지로 넘어가는 건 잘됩니다! 그런데 궁금한 것은 예를 들어서 전 상품 무료 배송이라는 배너 이미지를 클릭을 했을 때 그거에 대한 설명 페이지로 넘어가게 하고 싶다면 어떻게 해야 할까요? 상품 이미지는 상품상세페이지는 알겠는데 안내 이미지(또는 이벤트 이미지)는 그것에 대한 설명 페이지로 넘어가고 싶어서요~
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
강의를 듣다가 궁금한 것이 있습니다!
1. 쇼핑몰의 아이디, 회원가입은 어떻게 진행하나요? 2. 지금 node 서버를 통해 작업하고 있는 것 같은데 그럼 현재 postman은 필요 없는건가요? postman을 아직 사용하고 있다면 어느 부분을 쓰고 있는지 궁금합니다.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
포스트맨 send를 눌러도 변화가 없습니다
const express = require("express"); const cors = require("cors"); const app = express(); const models = require("./models"); const port = 8080; app.use(express.json()); app.use(cors()); app.get("/products", (req, res) => { models.Product.findAll() .then((result) => { console.log("PRODUCTS : ", result); res.send({ products: result, }); }) .catch((error) => { console.error(error); res.send("에러 발생"); }); }); app.post("/products", (req, res) => { const body = req.body; const { name, description, price, seller } = body; if (!name || !description || !price || !seller) { res.send("모든 필드를 입력해주세요"); } models.Product.create({ name, description, price, seller, }) .then((result) => { console.log("상품 생성 결과 : ", result); res.send({ result, }); }) .catch((error) => { console.error(error); res.send("상품 업로드에 문제가 발생했습니다"); }); }); app.get("/products/:id/events/:eventId", (req, res) => { const params = req.params; const { id, eventId } = params; res.send(`id는 ${id}와 ${eventId}입니다`); }); app.listen(port, () => { console.log("그랩의 쇼핑몰 서버가 돌아가고 있습니다"); models.sequelize .sync() .then(() => { console.log("DB 연결 성공!"); }) .catch((err) => { console.error(err); console.log("DB 연결 에러ㅠ"); process.exit(); }); }); 포스트맨에서 send를 눌러도 아무 변화가 없습니다. 소스코드는 작성 중 오류가 생겨 제공하여주신 것을 보고 붙여넣기 했습니다. 어디가 문제일까요?
- 해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
multer시 file.path 관련
multer를 이용한 uploads 폴더에 이미지 업로드시 file 로그를 찍어보면 아래와 같이 path에서 \\ 두번 찍힙니다 postman으로 확인해도 마찬가지고요 filename과 destination은 정상인데 어디서 두번 찍히게 되는지 모르겠네요. 아래는 로그로 찍어본 file과 server.js 전체 코드입니다 근데 또 file.path로 찍어보면 uploads\join.jpg 로 찍혀서 해당 폴더에 이미지는 올라가고 있어요 { fieldname: 'image', originalname: 'join.jpg', encoding: '7bit', mimetype: 'image/jpeg', destination: 'uploads/', filename: 'join.jpg', path: 'uploads\\join.jpg', size: 88818 } const express = require("express"); const cors = require("cors"); const app = express(); const port = 8080; const models = require("./models"); const multer = require("multer"); const upload = multer({ storage: multer.diskStorage({ destination: function (req, file, cb) { cb(null, "uploads/"); }, filename: function (req, file, cb) { cb(null, file.originalname); }, }), }); app.use(express.json()); app.use(cors()); app.use("/uploads", express.static("uploads")); app.get("/products", (req, res) => { models.Product.findAll({ //limit : 1, order: [["createdAt", "DESC"]], attributes: ["id", "name", "price", "createdAt", "seller", "imageUrl"], }) .then((result) => { console.log("products : ", result); res.send({ products: result, }); }) .catch((error) => { console.log("error : ", error); res.send("에러발생"); }); }); app.post("/image", upload.single("image"), (req, res) => { const file = req.file; //저장된 이미지 정보 get console.log("file : ", file); console.log("file path====", file.path); res.send({ imageUrl: file.path, }); }); app.post("/products", (req, res) => { const body = req.body; const { name, description, price, seller } = body; if (!name || !description || !price || !seller) { res.send("모든 필드를 입력해주세요."); } models.Product.create({ name, description, price, seller, }) .then((result) => { console.log("상품 생성 결과 : ", result); res.send({ result, }); }) .catch((error) => { console.error(error); res.send("상품 업로드에 문제가 발생"); }); res.send({ body, }); }); app.get("/products/:id", (req, res) => { const params = req.params; const { id } = params; models.Product.findOne({ where: { id: id, }, }) .then((result) => { console.log("product : ", result); res.send({ product: result, }); }) .catch((error) => { console.log(error); res.send("상품 조회에 에러가 발생했습니다."); }); }); app.listen(port, () => { console.log("그랩에 쇼핑몰 서버가 돌아가고 있습니다."); models.sequelize .sync() .then(() => { console.log("db 연결 성공"); }) .catch((err) => { console.log(err); console.log("db 연결 에러"); process.exit(); }); });
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
<div> 감싸는 영역이 많을때 조금 헷갈립니다
<div>가 너무 많을때 어디가 어디를 감싸고 있는지 분석하기가 너무 힘이 듭니다 혹시 좋은 팁이 있을까요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
1번문제에대한 질문
제가 하는 방식은 잘못된 건가요? 2번의 답을 구하려해도 안나오더라구요.. let 농구공={ 이름:'~~~' 가격:'~~~~' 설명:'~~~'} 이런식으로 세개의 객체를 정한 뒤 let 상품들=["농구공","배드민턴채","탁구채"]로 배열을 묶는건 잘못된 방식인가요?! 아니라면 2번정답을 알 방법좀 알려주세요!!
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
SQL에서 데이터를 지우고 난 뒤 에러발생했습니다
PS C:\Users\user\Desktop\warp_project_market\react&node_02\start_market_with_react> npm start > start_market_with_react@0.1.0 start > react-scripts start 'node_02\start_market_with_react\node_modules\.bin\'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. node:internal/modules/cjs/loader:936 throw err; ^ Error: Cannot find module 'C:\Users\user\Desktop\warp_project_market\react-scripts\bin\react-scripts.js' at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15) at Function.Module._load (node:internal/modules/cjs/loader:778:27) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12) at node:internal/main/run_main_module:17:47 { code: 'MODULE_NOT_FOUND', requireStack: [] } npm start를 하고 난 뒤 이렇게 뜹니다. 어떻게 해결을 해야 할지 모르겠습니다. ㅠ 이거때문에 진도를 못나가고 있습니다 ㅠ
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
저는 왜 이렇게 나오죠??
다른 수강생분들에게도 문제 해결에 도움을 줄 수 있도록 좋은 질문을 남겨봅시다 :) 1. 질문은 문제 상황을 최대한 표현해주세요.2. 구체적이고 최대한 맥락을 알려줄 수 있도록 질문을 남겨 주실수록 좋습니다. 그렇지 않으면 답변을 얻는데 시간이 오래걸릴 수 있습니다 ㅠㅠ ex) A라는 상황에서 B라는 문제가 있었고 이에 C라는 시도를 해봤는데 되지 않았다!3. 먼저 유사한 질문이 있었는지 꼭 검색해주세요!
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
질문드려요
vercel 웹 배포했고 Heroku 서버 배포하는 것까지는 알겠습니다. 근데 상품 등록한 이미지는 Heroku 에서 현재 가동중인 클라우드서버에 어디에 저장되고 있는겁니까?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
width와 height를 변경하였는데 적용되지 않아요.
강의 자료의 순서대로 width와 height를 300px로 변경하였는데 변하는 게 하나도 없습니다.(2분30초 부근내용) 개발자도구에 들어가면 변경된 내용은 적혀 있는데 화면에는 적용이 안되네요 어떻게 해야 문제가 해결될까요.ㅠ
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
궁금한 것이 있습니다.
React에서 진행했던 부분에서 node에서 이미지를 받도록 하는 부분에서 이해가 되지 않은 부분이 node > server.js도 postman을 통해 작업이 되는건가요? 만약 제가 실무에서 작업하고 있다면 postman에서 작업하는 것이 아닌 도메인 사이트를 통해 작업하게 되는건가요 (제 개인 쇼핑몰을 만들려고요!)
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
잘 안되서, 소스 코드를 복붙했더니 해당 에러가 출력됩니다.
ㅇexport default에 오류가 출력되는데 이유를 알려주시면 감사하겠습니다.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
저도 강사님처럼..
저도 강사님처럼 웹브라우저에서 네트워크를 확인하고 싶은데 이름, headers 등등 보이지 않네요 ㅠㅠ 어떻게 해야 볼 수 있나요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
강사님! 에러가 발생헀는데 ㅠㅠ
7 : 08부분에서 이미지의 경로를 찾지 못하고 있어요 어떻게 해야 할까요? 계속 여기 때문에 진도를 나갈 수 없어요! ㅠ
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
ngrok 이미지 연결 오류
url 똑같이 코드를 쳤는데 이미지가 안떠서 콘솔 확인해보니 404에러가 뜨네요. /uploads/파일명으로 인식해야하는데 콘솔창에서 uploads까지 묶어서 하나의 파일명으로 인식하는것같습니다. 이건 왜 그럴까요?ㅠㅠ