월 28,600원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
이미지가 안나옵니다..
상품 업로드 창에서 정보들 입력하고상품 등록 하고 가면 이렇게 이미지가 안 뜹니다코드들을 다 선생님이 허브에 올려주신 걸로 바꿔서도 해봤는데 안됩니다 ㅠ 뭐가 잘못된 걸까요제가 다른 게 뭔가 비교 해봤을 때는 서버 터미널 창에 나오는 경로가'upload/~~''upload//~~' 이렇게 가는 거또 dbbrowersql에서 경로가 /가 아닌 원화 표시로 나오는 거이거 2개입니다.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
어처구니 없는 질문인건 알지만..
메인페이지 에서는 이미지에 /를 삽입해도 들어가고 / 을 안해도 이미지가 정상적으로 출력이되는데 왜 상세페이지에서는 /가 없으면 이미지가 출력이 안되는지 궁금합니다. 이미지 소스를 안에 봐도 똑같이 local3000/images/products/~ 이렇게 되잇는데 왜 어떤곳에서는 들어가지 않고 어떤 곳에서는 들어가는지 궁금합니다밑에 분에 저랑 비슷한 질문에 답변 하셧을때 답변을 실제로 react에서는 public 폴더에 파일들을 넣게 되면 절대 경로(/를 붙여서 시작하는 경로)와 상대 경로(/를 안붙인 경로)가 동일한 위치를 가르키게 됩니다.즉 두 경우 모두 사용될 수 있습니다 :) 저도 수업을 진행하면서 저도 혼동해서 사용한 것 같네요 이렇게 답변을 하셧는데 둘다 public 안에 잇는 image 폴더를 가져와서 둘다 생략이 가능해야 하는 부분 아닌가요!? 궁금합니다!
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
선생님 질문이 있습니다.
npm install -g nodemon 으로 하고 nodmon server.js 를 실행 시키면 명령이 없습니다 라고 하는데npm install nodemon -g 으로 -g 를 뒤에 붙이면 실행이 되더라고요 혹시 차이점이 뭔지 알려주실수 있으신가요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
다른건 다되는데 typeerror 가 뜹니다..
1.<pre>TypeError: Cannot read properties of undefined (reading 'create')const express = require("express"); const cors = require("cors"); const { application } = require("express"); const app = express(); const port = 8080; const models = require("./models"); 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: "조던", imgUrl: "images/products/basketball1.jpeg", }, { id: 2, name: "축구공", price: 50000, seller: "메시", imgUrl: "images/products/soccerball1.jpg", }, { id: 3, name: "키보드", price: 10000, seller: "그랩", imgUrl: "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 } = params; res.send(); }); app.listen(port, () => { console.log("그랩의 쇼핑몰 서버가 돌아가고 있습니다."); models.sequelize .sync() .then(() => { console.log("DB 연결 성공"); }) .catch((err) => { console.error(err); console.log("DB 연결 에러 ㅠ "); process.exit(); }); }); 그 전까진 다 실행 잘되고 테이블도 잘 만들어졌는데 postman 에 send 를 누르면 이렇게 나옵니다body 안에는 잘 들어가는데 create 에서 문제가 생긴거 같습니다. ㅠㅠ
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
css
선생님 제가 볼떈 product index .js 파일에import css 파일을 하는 것을 못 봤는데 css 가 적용이 되더라고요저는 css 파일 처음에 안되서 import 를 하니까 되서 혹시 어떤 이유때문에 그런가요?아 소스코드 보니 작성을 하셧네요 강의에 언제 작성하셧죠.. 제가 못본건가요..
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
안녕하세요
postman 제한이 걸려서 수업 진행하는데 영향은 없는데데이터를 불러오지 못하니까 약간 실습에 제한이 있습니다.그냥 이대로 진행을 계속 해도될까요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
npm install -g create-react-app 작성후 발생하는 오류입니다
ㄴ이 이후에 진행이 안되서 질문합니다ㅠㅠ
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
postman질문있습니다
UI가 너무 많이 달라져서 도저히 따라가기 힘듭니다. 혹시 url 몇번이나 복붙했는데 계속 아래 캡쳐한거처럼뜨는데 해결법 알고 싶습니다.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
질문드립니다.(교육과정과 다소 무관함)
그랩님의 강의를 참고하여 해당사이트에 여러 부가적이고 복잡한 기능을 추가한 전자상거래 사이트를 제작했습니다. (참고로 용이한 상태관리를 위해 리덕스도 사용했습니다) 그리고나서 해당 강의에 맞게 client파트는 vercel에, api server는 heroku에 정상적으로 빌드하고 배포완료하였습니다. 근데 문제가 발생했습니다. 제가 AUTH파트를 개발할때 cookie-parser라는 미들웨어를 사용하였습니다. 로그인 할때마다 브라우저에 쿠키를 생성하는 식으로요. 근데 localhost에선 쿠키가 잘만생성되더니, vercel에 배포한 웹에선 쿠키가 생성되질 않습니다. 개발자도구의 network탭 확인해본결과 아무런 문제도 없었습니다. 왜 브라우저에 쿠키가 생성되질 않는건가요.? 해당 소스입니다.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
안녕하세요 질문드립니다
<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: 10000, seller: "조던", imageUrl: "/images/products/basketball1.jpeg", }, { name: "축구공", price: 50000, seller: "메시", imageUrl: "/images/products/soccerball1.jpg", }, { name: "키보드", price: 10000, seller: "그랩", imageUrl: "/images/products/keyboard1.jpg", }, ]; let productsHtml = ""; for (var i = 0; i < products.length; i++) { var products = products[i]; productsHtml = productsHtml + '<div class="product-card">' + "<div>" + '<img class="product-img" src="' + products.imageUrl + '"/>' + "</div>" + ' <div class="product-contents">' + '<span class="product-name">+"' + products.name + '" </span>' + '<span class="product-price"> "' + products.price + '" </span>' + '<div class="product-seller">' + '<img class="product-avatar" src="images/icons/avatar.png" />' + "<span>" + products.seller + "</span>" + "</div>" + "</div>" + "</div>"; } document.querySelector("#product-list").innerHTML = productsHtml; </script> </html> 5분 51초 농구공 3개 나열한 구간까지는 잘 따라왔는데 다음 구간 강의 듣고 해보니 이렇게 되었습니다 뭐가 잘못된 걸까요???
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
= : 의 차이가 궁금합니다.
var insu = [{name:'감자', description : '강원도 햇감자 졸맛탱', price : 50000, }, {name :'딸기', description : '딸기는 역시 하우스 딸기', price : 50000 }, {name:'수박', description : '수박은 역시 광주 무능산 수박', price : 50000 여기 코드를 var insu = [{name='감자', description = '강원도 햇감자 졸맛탱', price = 50000, }, {name = '딸기', description = '딸기는 역시 하우스 딸기', price = 50000 }, {name = '수박', description = '수박은 역시 광주 무능산 수박', price = 50000 이렇게 : --> = 으로 사용하면 안되는 이유를 설명해주실 수 있으신가요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
error: remote origin already exists.
앞전에 git commit -m "project init"에서도 안되고 있었는데 깃헙에 올리는 것도 error: remote origin already exists. 에러가 뜨고 깃헙 새로고침해도 이 화면 그대로 입니다 ㅜㅜ
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
커밋이 안됩니다 ㅜㅜ
git commit -m "project init"을 하면 사진처럼 nothing to commit, working tree clean이라고 뜨고 github에도 안올라가집니다 ㅜㅜ
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
sqlite3 설치 에러 문의 드립니다.
sqlite3 설치과정에서 에러가 반복적으로 발생합니다. 구글링해보니 재설치가 답이라하여.. 라이브러리 삭제 / node도 완전 삭제후 재설치해보았는데.. 안되네요 ㅠㅠㅠㅠ 살펴봐주실 수 있을까요? 에러메시지 및 제 환경을 추려봤습니다 --------------------------------------------------- os windows10 pro 21H2node v16.16.0npm 8.16.0 --------------------------------------------------- react_mcmarket_nodesvr@1.0.0├── https://opencollective.com/sequelize│ └── sequelize@6.21.3├── https://github.com/sponsors/ljharb│ └── qs@6.10.3, side-channel@1.0.4, call-bind@1.0.2, get-intrinsic@1.1.2, has-symbols@1.0.3, object-inspect@1.12.2└── https://github.com/sponsors/feross └── safe-buffer@5.2.1 --------------------------------------------------- [에러 로그] PS D:\02.Projects\learn-JS\drills\react_mcmarket_nodesvr> npm install sqlite3 npm ERR! code 1 npm ERR! path D:\02.Projects\learn-JS\drills\react_mcmarket_nodesvr\node_modules\sqlite3 npm ERR! command failed npm ERR! command C:\Windows\system32\cmd.exe /d /s /c C:\Users\SONMAC\AppData\Local\Temp\install-8a556c7d.cmd npm ERR! Failed to execute 'C:\Program Files\Nodejs\node.exe C:\Users\SONMAC\AppData\Roaming\npm\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js configure --fallback-to-build --module=D:\02.Projects\learn-JS\drills\react_mcmarket_nodesvr\node_modules\sqlite3\lib\binding\napi-v6-win32-unknown-x64\node_sqlite3.node --module_name=node_sqlite3 --module_path=D:\02.Projects\learn-JS\drills\react_mcmarket_nodesvr\node_modules\sqlite3\lib\binding\napi-v6-win32-unknown-x64 --napi_version=8 --node_abi_napi=napi --napi_build_version=6 --node_napi_label=napi-v6 --msvs_version=2017' (1)
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
웹과 API 연동하기 & dayjs로 날짜 다루기_강의중 상세페이지를 불러오지 못했습니다
안녕하십니까 강의를 듣는중에 상세페이지가 불려오지 않아 이렇게 질문 남깁니다. 포스트맨에서는 정보를 잘 가져오고 DB에도 데이터가 잘 저장된 것을 확인했는데 상품을 눌러 상세페이지 이동에서만 상세페이지가 보이지 않아 질문 남깁니다 아래는 상세페이지 화면입니다. production_index코드입니다. main_index코드입니다. server.js코드입니다. models코드입니다 포스트맨 화면입니다.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
객체와 배열을 통해서 product[3]을 새로 추가 하고 싶으면 어떻게 해야하나요?
var product = [{ name : '농구공', price : 50000, description : '조던이 사용하던 농구공' },{ name : '축구공', price : 40000, description : '메시가 사용하던 축구공' },{ name : '탁구공', price : 30000, description : '그랩이 사용하던 탁구공' }] 이렇게 코드를 치고 3개의 배열, 객체를 만들고 여기에 혹시 한가지를 더 추가 하고 싶으면 어떻게 진행을 해야 하나요? 1. product[3].name = '골프공' 2. product[3].push = { name : '골프공', price : 20000, description : '박세리가 사용하던 골프공' } 이렇게 두가지 방법을 사용해봤는데 안되더라구요.. 한 항목을 추가할 때는 어떤 방식을 사용해야 하나요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
에러발생 질문
error 발생 : TypeError: Cannot read properties of undefined (reading 'length') at index.html:32:38이라고 에러가뜹니다..ㅠㅠ
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
item1 css 적용
선생님이랑 똑같이 적용했는데 왜 제꺼는 item1에서 활성화가 안될까요..?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
상품 상세페이지에서 사진과 설명이 뜨지 않습니다 ㅠㅠ
아래 사진 첨부합니다. 계속 고민해봤는데도 안되네요..
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
productHtml변수 선언 위치 질문있습니다.
강의 잘 보고 있습니다. 그랩마켓에 적용하던 중 궁금한 점이 있습니다. 첨부한 사진에서 productHtml변수를 1번위치에서 선언하나 2번위치에서 선언하나 정상적으로 작동됩니다. 강의 중 말씀하신 것처럼 위에서부터 순서대로 코드가 실행된다면 2번에 선언됐을때에는 안되는 것이 맞다고 생각 되는데 왜 되는지 여쭤봅니다. p.s. 제가 짧은 지식으로 생각했을때에는 axiost.get할때 비동기 방식으로 진행되어 네트워크가 진행되는 사이에 변수가 선언되어서 그런게 아닐까란 결론이 나왔습니다.