게시글
질문&답변
2021.06.27
Can't find variable: Image에러가 뜹니다
와... 감사합니다!!!! 코드 확인 한다면서 import쪽은 확인도 안했네요ㅠㅠ 감사합니다!!!
- 1
- 2
- 2.6K
질문&답변
2021.06.27
soldout 부분 blur처리가 되지 않습니다
안녕하세요 그랩님! 혹시 이걸 말씀하시는게 맞을까요ㅠ? 너무 몰라서 죄송합니다ㅠㅠㅠ (사진)
- 1
- 5
- 184
질문&답변
2021.06.25
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 && } 로 작성하고 나면 블러가 안됩니다ㅠ
- 1
- 5
- 184
질문&답변
2021.06.09
npm install -g sequelize-cli
바로 해결됐어요 감사합니다!!
- 1
- 2
- 275
질문&답변
2021.06.05
localhost:3000/products/undefined
답변 감사합니다 그랩님! 이것저것 해보다가 해결을 하긴 했는데.. 이게 맞는방법인건지를 모르겠습니다 postman URL주소 제일 마지막에 / 를 넣었더니 해결이 됐습니다. ( 원래 코드에는 "https://xxxxxxxxx.mock.pstmn.io/products"로 기재를 했었는데 "https://xxxxxxxxx.mock.pstmn.io/products / "로 바꿨더니 수정 되었습니다.) 이렇게 해도 되는건가요..? 확인 한번만 부탁드립니다. 감사합니다!
- 1
- 4
- 649
질문&답변
2021.06.01
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 ;
- 1
- 4
- 649
질문&답변
2021.05.22
안녕하세요 질문드립니다
하ㅜ 드디어 풀렸네요 정말 감사합니다 그랩님 정말 많이 확인했다고 생각했는데.. 놓친게 있었네요 좋은하루 되세요 감사합니다!!!
- 1
- 5
- 169
질문&답변
2021.05.20
안녕하세요 질문드립니다
이렇게도 올릴 수 있었네요!! 감사합니다!!
- 1
- 5
- 169
질문&답변
2021.05.20
안녕하세요 질문드립니다
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 >
- 1
- 5
- 169