월 28,600원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
upload 컴포먼트 usestate관련
다른 데에서 usestate가 다시 렌더링 되서 이걸 방지하고자 useEffectf를 써야하는걸로 알고 있는데 왜 여기서는 useEffect를 안쓰는 이유가 뭔가요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
질문있습니다!
안녕하세요. 한가지 궁금한게 있습니다! https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js axios사용하기 위해서 script불러올 때 위에 주소를 사용했는데 여기 강의에서 뿐만아니라 다른곳에서 사용할 때도 저 주소를 사용해야만 하는건가요??
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
java 적용하기
삭제된 글입니다
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
모바일은 Carousel 슬라이드 지원 안하나요 ??
모바일은 Carousel 슬라이드 지원 안하나요 ?? 웹에서는 모바일,반응형으로 해도 보이는데 배포후 모바일에서는 보이지가 않습니다 지금 Carousel 구현한 현상태로 모바일에서도 보이게 하는방법 있을까요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
그대로 따라한것 같은데 에러가 뜨는데 확인 부탁드립니다.
Windows PowerShell Copyright (C) Microsoft Corporation. All rights reserved. PS D:\learn-all-with-javascript\grab-market-web> npm install -g create-react-app C:\Users\motiongrapher\AppData\Roaming\npm\create-react-app -> C:\Users\motiongrapher\AppData\Roaming\npm\node_modules\create-react-app\index.js + create-react-app@4.0.3 added 67 packages from 25 contributors in 5.659s PS D:\learn-all-with-javascript\grab-market-web> create -react-app . 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 위치 줄:1 문자:1 + create -react-app . + ~~~~~~ + CategoryInfo : ObjectNotFound: (create:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException create-react-app : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\motiongrapher\AppData\Roaming\npm\create-react-app.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + create-react-app + ~~~~~~~~~~~~~~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess PS D:\learn-all-with-javascript\grab-market-web> create-react-app . 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + create-react-app . + ~~~~~~~~~~~~~~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess PS D:\learn-all-with-javascript\grab-market-web> create-react-app. 름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 위치 줄:1 문자:1 + create-react-app. + ~~~~~~~~~~~~~~~~~ + CategoryInfo : ObjectNotFound: (create-react-app.:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException PS D:\learn-all-with-javascript\grab-market-web> create-react-app . create-react-app : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\motiongrapher\AppData\Roaming\npm\create-react-app.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + create-react-app . + ~~~~~~~~~~~~~~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess PS D:\learn-all-with-javascript\grab-market-web> npm create-react-app. Usage: npm <command> where <command> is one of: access, adduser, audit, bin, bugs, c, cache, ci, cit, clean-install, clean-install-test, completion, config, create, ddp, dedupe, deprecate, dist-tag, docs, doctor, edit, explore, fund, get, help, help-search, hook, i, init, install, install-ci-test, install-test, it, link, list, ln, login, logout, ls, org, outdated, owner, pack, ping, prefix, profile, prune, publish, rb, rebuild, repo, restart, root, run, run-script, s, se, search, set, shrinkwrap, star, uninstall, unpublish, unstar, up, update, v, version, view, whoami npm <command> -h quick help on <command> npm -l display full usage info npm help <term> search for help on <term> npm help npm involved overview Specify configs in the ini-formatted file: C:\Users\motiongrapher\.npmrc or on the command line via: npm <command> --key value Config info can be viewed via: npm help config npm@6.14.13 C:\Program Files\nodejs\node_modules\npm PS D:\learn-all-with-javascript\grab-market-web> create-react-app. create-react-app. : 'create-react-app.' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이 름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 위치 줄:1 문자:1 + create-react-app. + ~~~~~~~~~~~~~~~~~ + CategoryInfo : ObjectNotFound: (create-react-app.:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException PS D:\learn-all-with-javascript\grab-market-web>
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
자바스크립트 src = "https://" ??
이것은 사이트에 등록되어 있는 자바스크립트 소스 입니까? 그렇다면 만약 이곳에 경로가 바뀌거나 없어진다면 어떻게 대처해야 하는 것이죠????
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
error가 발생했는데 뭘 잘못했는지 모르겠습니다.
error 발생 : TypeError: products is undefined 이전까지는 다 잘되다가 마지막에 innerHTML을 넣으니 이런 오류가 뜨는데 뭘 잘못했는지 도저히 모르겠습니다. <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> </head> <body> <div id="header"> <div id="header-area"> <img src="images/icons/logo.png" alt="" /> </div> </div> <div id="body"> <div id="banner"> <img src="images/banners/banner1.png" alt="" /> </div> <h1>판매되는 상품들</h1> <div id="product-list"></div> </div> <div id="footer"></div> </body> <script> axios.get("https://0d1b6acd-73da-48c3-8cca-572d9b17eca5.mock.pstmn.io/products") .then(function (result) { console.log("통신결과 : ", result); const products = result.data.products; 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 + '" alt="" />' + "</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" alt="" />' + "<span>" + product.seller + "</span>" + "</div>" + "</div>" + "</div>"; } document.querySelector("#product-list").innerHTML = productsHtml; }) .catch(function (error) { console.error("error 발생 : ", error); }); </script> </html>
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
오류가 뜨는데 뭘 잘못한건지 모르겠습니다.
안녕하세요 선생님 UI가 많이 달라져서 강의 듣고 따라해도 안되는것 같은데요. 눈 모양 클릭해도 주소가 나타나지 않고, send를 눌러도 오류가 뜨는 것 같습니다. 000
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
상품 세부설명페이지에서 데이터 값 통신이 안되네요
main 컴포먼트에서는 잘나오는데 상품 세부 페이지 가명 아무것도 안뜨네요 포스트맨으로 http://localhost:8080/products/id 으로 값으로 똑같은 주소를 넣으면 response값은 잘 나오는데 react에서 만 이러네요
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
span태그 줄바꿈 하려고 flex적용시켰지만 안됩니다.
span태그 줄바꿈 하려고 flex적용시켰지만 안됩니다. 전에 한번했을때는 됐었는데 이번에는 왜 안되는걸까요?? <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 class="product-card"> <div> <img class="product-img" src="images/products/basketball1.jpeg" /> </div> <div class="product-contents"></div> <span>농구공 1호</span> <span>50000원</span> </div> </div> </div> <div id="footer"></div> </body> </html> * { margin: 0; padding: 0; } #header { height: 64px; display: flex; justify-content: center; border-bottom: 1px solid gray; } #body { height: 100%; width: 1024px; margin: 0 auto; padding-bottom: 24px; } #footer { height: 200px; background-color: red; } #banner { height: 300px; background-color: yellow; } #header-area { width: 1024px; height: 100%; display: flex; align-items: center; } #header-area > img { width: 128px; height: 36px; } #banner > img { width: 100%; height: 300px; } #body > h1 { margin: 16px; } #product-list { display: flex; flex-wrap: wrap; margin-top: 12px; } .product-card { width: 180px; height: 300px; background-color: gray; margin-right: 12px; margin-bottom: 12px; border: 1px solid rgb(230, 230, 230); border-radius: 12px; } .product-img { width: 100%; height: 200px; } .product-contents { display: flex; flex-direction: column; padding: 8px; }
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
zsh: illegal hardware instruction node helpers/detectProduct.js
안녕하세요 그랩님 터미널에 node helpers/detectProduct.js를 엔터를 치니 zsh: illegal hardware instruction node helper/deectProduct.js 라고 뜨고 실행이 되지 않습니다. 찾아보니 맥북M1를 사용하는 사람들이 같은 문제들이 있다는것 같던데.. (저도 맥북 프로 M1 사용하고있습니다) 해결방법을 모르겠습니다ㅜ 어떻게 해야할까요 도와주세요 항상 감사합니다!!
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
블로그 질문있어요
복습하면서 블로그에 복습내용 기록하려고 하는데 강의에서 사용한 코드들이나 내용을 써도 될까요??
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
Can't find variable: Image에러가 뜹니다
안녕하세요 그랩님 처음에 농구공 이미지를 Image source에 넣을때 Can't find variable : Image라고 error가 뜨면서 이미지가 나오지 않고 경고창만 뜹니다 코드도 여러번 확인해봤는데 잘 모르겠어서요 확인 부탁드립니다. 항상 감사합니다. import { StatusBar } from "expo-status-bar"; import React from "react"; import { StyleSheet, Text, View } from "react-native"; import BasketballImage from "./assets/products/basketball1.jpeg"; export default function App() { return ( <View style={styles.container}> <Text>판매되는 상품들</Text> <View> <View> <Image source={BasketballImage} /> </View> <View></View> </View> </View> ); }
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
express관한 질문
express에서는 hostname을 안쓰던데 express에서 자동으로 내 컴퓨터 주소로 기입되어져 있나요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
create-react-app. 진행 시 문제 발생
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. create-react-app . 실행 시 보안문제? 라고 해서 안되네요 저는 맥도 아닌데 이 건 어떻게 해결해야되나여 ?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
화면구현이 제대로 안돼요..
삭제된 글입니다
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
soldout 부분 blur처리가 되지 않습니다
안녕하세요 그랩님 soldout이 1일때 blur 처리가 안돼서 질문 남깁니다 그냥 <div className="product-blur" />로 들어가면 블러 처리가 되는데 {product.soldout === 1 && <div className="product-blur" />} 로 작성하고 나면 soldout이 1인 상품에 블러처리가 되지 않습니다. DB.Browser에서 확인해봐도 soldout부분은 1로 되어있는데 왜 그런걸까요? web, server 코드 다 올려봅니다 다른 부분 확인해보셔야할데가 있다면 알려주시면 바로 올리겠습니다 항상 감사합니다 <div id="product-list"> {products.map(function (product, index) { return ( <div className="product-card"> {product.soldout === 1 && <div className="product-blur" />} <Link style={{ color: "inherit" }} className="product-link" to={`/products/${product.id}`} > app.post("/purchase/:id", (req, res) => { const { id } = req.params; models.Product.update( { soldout: 1, }, { where: { id, }, } ) .then((result) => { res.send({ result: true, }); }) .catch((error) => { console.error(error); res.status(500).send("에러가 발생했습니다"); }); });
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
cmd로 한거같은데 오류가 납니다.
다른 질문 글에 달린 유투브 링크타고 가서 설정하라는데로 했는데 안돼서 이것저것 만지다가 cmd로 변경된거 같은데 계속 오류가 나는데 어떻게 해야하나요???
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
웹과 서버를 연동하는 과정에서 오류가 났는데요 어디서 잘못건드린건지 못찾겠습니다 ㅠㅠ
웹과 서버를 연동하는 과정에서 오류가 났는데요 어디서 잘못건드린건지 못찾겠습니다 ㅠㅠ 깃헙 주소입니다 ㅠ https://github.com/0hyeon/grab-market-web
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
웹에서 product card를 눌렀을때 모두 똑같은 화면으로 나옵니다
농구공, 축구공,키보드 누르면 모두 이렇게 똑같이 뜹니다. 이 화면은 id =2로 넣은 축구공을 눌렀을 떄의 화면입니다. 코드를 봤을때는 서버는 1일때만 요청했으니 축구공과 키보드를 누러면 안돼는데 다 똑같이 뜨네요 뭐가 오류일까요