Can't find variable: Image에러가 뜹니다

와... 감사합니다!!!! 코드 확인 한다면서 import쪽은 확인도 안했네요ㅠㅠ 감사합니다!!!

soldout 부분 blur처리가 되지 않습니다

안녕하세요 그랩님! 혹시 이걸 말씀하시는게 맞을까요ㅠ? 너무 몰라서 죄송합니다ㅠㅠㅠ (사진)

soldout 부분 blur처리가 되지 않습니다

point-blur 코드 올려봅니다. .product-blur { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #ffffffaa; pointer-events: none; } 그냥 로 들어가면 블러 처리가 잘 되는데 {product.soldout === 1 && } 로 작성하고 나면 블러가 안됩니다ㅠ

npm install -g sequelize-cli

바로 해결됐어요 감사합니다!!

localhost:3000/products/undefined

답변 감사합니다 그랩님! 이것저것 해보다가 해결을 하긴 했는데.. 이게 맞는방법인건지를 모르겠습니다 postman URL주소 제일 마지막에 / 를 넣었더니 해결이 됐습니다. ( 원래 코드에는 "https://xxxxxxxxx.mock.pstmn.io/products"로 기재를 했었는데 "https://xxxxxxxxx.mock.pstmn.io/products/"로 바꿨더니 수정 되었습니다.) 이렇게 해도 되는건가요..? 확인 한번만 부탁드립니다. 감사합니다!

localhost:3000/products/undefined

안녕하세요 그랩님 useEffect안에 setProducts(products)코드는 찾았는데 그 다음 말씀해주신걸 어떻게 해야하는건지를 모르겠습니다ㅠㅠ 수업을 열심히 듣고있다고 생각했는데 아직 갈길이 먼듯하네요ㅠ 제가 어떻게 해야하는건지 설명해주실 수 있을까요ㅠㅠ? (혹시 필요할지몰라 코드 전부다 올려봅니다ㅠㅠ) 감사합니다ㅠㅠ import "./index.css"; import axios from "axios"; import React from "react"; import { Link } from "react-router-dom"; function MainPage() { const [products, setProducts] = React.useState([]); React.useEffect(function () { axios .get( "https://2f7bb40d-0885-4845-a2a9-85871c1cc2b0.mock.pstmn.io/products" ) .then(function (result) { const products = result.data.products; setProducts(products); }) .catch(function (error) { console.error("에러 발생 : ", error); }); }, []); return ( div> 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"> {products.map(function (product, index) { return ( div className="product-card"> Link className="product-link" to={`/products/${product.id}`}> div> img className="product-image" src={product.imageUrl} /> div> div className="product-contents"> span className="product-name">{product.name}span> span className="product-price">{product.price}원span> div className="product-seller"> img className="product-avatar" src="images/icons/avatar.png" /> span>{product.seller}span> div> div> Link> div> ); })} div> div> div id="footer">div> div> ); } export default MainPage;

안녕하세요 질문드립니다

하ㅜ 드디어 풀렸네요 정말 감사합니다 그랩님 정말 많이 확인했다고 생각했는데.. 놓친게 있었네요 좋은하루 되세요 감사합니다!!!

안녕하세요 질문드립니다

이렇게도 올릴 수 있었네요!! 감사합니다!!

안녕하세요 질문드립니다

html> head> title>그랩마켓title> link href="index.css" type="text/css" rel="stylesheet" /> 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> var products = [ { name: "농구공", price: 100000, seller: "조던", imageUrl: "images/products/basketball1.jpeg", }, { name: "축구공", price: 50000, seller: "메시", imageUrl: "images/products/soccerball1.jpeg", }, { name: "키보드", price: 10000, seller: "그랩", imageUrl: "images/products/keyboard1.jpeg", }, ]; let productsHtml = ""; for (var i = 0; i products.length; i++) { let product = products[i]; productsHtml = productsHtml + '' + "" + '(사진)' + product.imageUrl + '" />' + "" + '' + '' + product.name + "" + '' + product.price + "원" + "" + ''; '(사진)' + "" + product.seller + "" + "" + "" + ""; } document.querySelector("#product-list").innerHTML = productsHtml; script> html>