월 28,600원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
사진은 안 나오고 axious error가 떠요
<html> <head> <title>그랩마켓</title> <link href="index.css" type="text/css" rel="stylesheet" /> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> <script src = "https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> </head> <body> <div id="header"> <div id="header-area"> <img src="images/icons/logo.png" /> </div> </div> <div id="body"> <div id="banner"> <img src="images/banners/banner1.png" /> </div> <h1>판매되는 상품들</h1> <div id="product-list"></div> </div> <div id="footer"></div> </body> <script> axious .get( 'https://c3d57b18-f819-4b2f-becf-330ee397bf79.mock.pstmn.io/products' ) .then(function(result){ console.log('통신 결과 : ', result); }) .catch(function(error){ console.log('error 발생 : ',error); }); var products = [ { name: "농구공", price: 10000, seller: "마이클 조던", imageUrl: "images/products/basketball1.jpeg", }, { name: "축구공", price: 50000, seller: "호날두", imageUrl: "images/products/soccerball1.jpg", }, { name: "키보드", price: 15000, seller: "애플", imageUrl: "images/products/keyboard1.jpg", }, ]; let productsHtml = ""; for (var i = 0; i < products.length; i++) { let product = products[i]; productsHtml = productsHtml + '<div class="product-card">' + "<div>" + '<img class="product-img" src="' + product.imageUrl + '" />' + "</div>" + '<div class="product-contents">' + '<span class="product-name">' + product.name + "</span>" + '<span class="product-price">' + product.price + "원" + "</span>" + '<div class="product-seller">' + '<img class="product-avatar" src="images/icons/avatar.png" />' + "<span>" + product.seller + "</span>" + "</div>" + "</div>" + "</div>"; } document.querySelector("#product-list").innerHTML = productsHtml; </script> </html>
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
postman에서 결과가 제대로 나오지 않습니다.
send누르면 아래 사진 처럼 error가 발생합니다.. server.js 코드 작성한건데 어떤게 잘못 된건지 확인좀 해주세요ㅜㅡㅜ 올려주신 소스코드보고 확인해봤는데도 못찾겠어요..ㅜ 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) => { const query = req.query; console.log("QUERY : ", query); res.send({ products: [ { id: 1, name: "농구공", price: 100000, seller: "조던", imageUrl: "images/products/basketball1.jpeg", }, { id: 2, name: "축구공", price: 50000, seller: "메시", imageUrl: "images/products/soccerball1.jpg", }, { id: 3, name: "키보드", price: 10000, seller: "그랩", imageUrl: "images/products/keyboard1.jpg", }, ], }); }); app.post("/products", (req, res) => { const body = req.body; const { name, description, price, seller } = body; 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((error) => { console.error(err); console.log("DB 연결 에러"); process.exit(); }); });
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
상품데이터가 안보입니다
똑같이 작성했다고 생각했는데 상품데이터 이미지가 안나오네요. 콘솔창에서 보니 products가 정의되지 않았다고 하였는데 script tag에서 const products로 정의해준것 아닌가요?
- 해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
css 적용이 안되는대 질문있습니다
삭제된 글입니다
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
리액트에서 img 태그 사용 시 src 속성에 대하여
안녕하세요, 그랩님! 그랩님 강의를 보고 그랩마켓 적용을 학습했습니다. 그 후에 자체적으로 복습을 위해 psg 축구팀 소개 페이지를 클론코딩 중인데요, 이미지 태그 삽입 중 src 속성에 경로 표시에 있어서 의문점이 있어 질의드립니다. (삽입하려는 이미지 모두 public 폴더에 정상적으로 있습니다.) 1. public/logo/logo-psg.png : 엑스박스 처리. 2. logo/logo-psg.png : 정상 삽입. 3. 절대경로 : 엑스박스 처리. 1, 3의 경우에는 왜 이미지가 정상적으로 삽입되지 못하는지 궁금합니다.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
header 와 body 사이에 margin이 생깁니다.
위처럼 자동으로 마진이 생깁니다... 해결할수있는 방법이 있을까요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
노드 모듈스 파일 질문입니다.
저번 강의까진 노드 모듈스 파일이 없었고 갑자기 생겨서 저도 다운받으려고 create-react-app .을 했는데 사진처럼 뜹니다. web이란 폴더 안에 market_web, marker_server 두개의 폴더가 있고 market_web에 깔려있다고 다른 파일인 marker_server에 깔 수 없는건가요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
sqlite 테이블을 생성하려고 하는데 자꾸 오류가 납니다
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
(추가) 상품 상세 페이지 구현 - 1 진행하고있는데.. 원인을 몰라서 질문 드려요!
안녕하세요 열심히 진도 따라가면서 수업을 듣고있는데 어제랑 오늘이 화면 상황이 달라서 문의드립니다. 어제는 git에 올리는거 까지 정상으로 실행되었는데요.. 오늘 다시 npm start 하고난다음에 리액트에서 상품 페이지가..안뜨더라구요..;; 어제까지는 페이지 넘어가는거 까지 됬는데 지금은 상품 이미지가 없어져서.. 무엇때문인지 몰라서 문의드립니다..ㅠ 오류 로그도..갑자기 뜨는거 같은데.. 무엇때문일까요? - App 이미지 - -main Page 이미지 -1 - -main Page 이미지 -2- -product_index 이미지 - -scr_index 이미지 - -upload_index 이미지 - -package.json 이미지 - -git이미지 - -postman 이미지 -1 - -postman 이미지 -2 - -postman 이미지 -3 - -마켓이미지 - (어제까지는 서버 받아서 실행이 됬었음..) -오류 로그 -
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
Link 적용하기 강의 오류 사항에 댓글 달았습니다.
그랩 강사님 언제나 빠른 답변을 주심에 감사합니다. 하지만 그럼에도 불구하고 여전이 문제가 해결 되지 않고 있습니다. 제가 6월 20일 작성한 Link 적용하기 강의 오류 사항 에 추가로 댓글 내용을 달았습니다. 해당 내용 확인 부탁드리겠습니다.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
터미널에서 node를 작성할 때 문제가 발생합니다.
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
axios로 네트워크 통신하기 수업에서 막혔어요
axios로 네트워크 통신하기 수업에서 막혔습니다 결론부터 정리하면 typeerror 가 뜨고 있습니다 61,62번 줄이 에러라고 뜨는대 그 줄에 작성한 코드는 이거입니다 .catch(function (error) { 가 61번줄 console.error이 62번 줄입니다. index.html:32 는 products.length; 작성된 줄입니다. 이외에 코드도 수업보면서 틀린부분을 확인했는대 없었습니다. 잘따라가다가 처음으로 막혔습니다 문제가 될만한 부분은 저 사진 3개중에 있을거같은대 어디가 문제가 되는건지 모르겠어요 목업서버도 하라고 나온거처럼 그대로 작성해놨습니다;
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
흰바탕만 나와요 도와주세요ㅜㅜ
index.css index.html
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
오류 확인좀 해주세요.
강의 나온대로 코드 작성했는데 아래와 같은 에러가 발생합니다. export가 안된다는거 같은데 어디에 오류가 났는지 확인좀 해주세요ㅜㅜ import { form } from "antd"; import "./index.css"; function UploadPage() { const onSubmit = (values) => { console.log(values); }; return ( <div> <form name="상품 업로드" onFinish={onSubmit}> <form.Item name="upload"> <div id="upload-img-placeholder"> <img src="/images/icons/camera.png" /> <span>이미지를 업로드해주세요.</span> </div> </form.Item> </form> </div> ); } export default UploadPage;
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
callback함수 질문이요!
삭제된 글입니다
- 해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
상품데이터를 받는 과정에서 오류가 발생합니다.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
setTime 함수 질문
안녕하세요! 혹시 setTime 함수부분에서 updateTime() 함수를 따로 만들어 주는 이유가 있나요? 그냥 function setTime(){ time = time + 1 } 이런식으로 클릭해서 setTime함수를 바로 호출은 안되나요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
이미지가 안 나와요
관지라모드에서 네트워크 쪽을 보니 받아온 이미지가 http://localhost:8080/uploads/basketball3.jpg로 request를 받아와서 사진이 재대로 안떠요
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
web.js 한글깨짐
크롬 & IE에서 한글이 깨져서 보입니다.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
Link 페이지 에러 관련 댓글 문의 사항
안녕하세요. 그랩 강사님 고광우 입니다. 댓글 요청하신 질문에 댓글로 질문사항 정리했습니다 URL: https://www.inflearn.com/questions/235049 감사합니다.