월 28,600원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
안녕하세요
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할때 비동기 방식으로 진행되어 네트워크가 진행되는 사이에 변수가 선언되어서 그런게 아닐까란 결론이 나왔습니다.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
products send시 inactiveMockError
영상과 제 버전의 postman 인터페이스가 조금씩 달라 어려웠지만 한치의 오차도 없이 모두 영상 진도 그대로 따라갔는데 inactiveMockError가 뜹니다 ㅜㅜ
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
간격띄우기와 중간배열이 강의내용과 다르게 됩니다.
index.html <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"> <span class="product-name">농구공 1호</span> <span class="product-price">50,000원</span> <div class="product-seller"> <img class="product-avatar" src="images/icons/avatar.png" /> <span>그랩</span> </div> </div> </div> <div class="product-card"> <div> <img class="product-img" src="images/products/keyboard1.jpg" /> </div> <div class="product-contents"> <span class="product-name">키보드 1호</span> <span class="product-price">30,000원</span> <div class="product-seller"> <img class="product-avatar" src="images/icons/avatar.png" /> <span>그랩</span> </div> </div> </div> </div> </div> <div id="footer"></div> </body> </html> 제 index.html코드이고 CSS는 올려주신 파일과 동일합니다. 강의내용과 몇가지 다른점이 있어 질문드립니다. 1. #body { height: 100%; width: 1024px; margin: 0 auto; padding-bottom: 24px; } #footer { height: 200px; background-color: red; } 에서 padding-bottom: 24px;으로 했을때 강사님처럼 body와 footer와의 간격이 벌어지지 않습니다.(더 가깝습니다.) 2. 13:44 #header-area { width: 1024px; height: 100%; display: flex; align-items: center; } 에서 align-items: center;를 했는데도 가운데 정렬로 맞춰지지 않습니다.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
질문드립니다
아 혹시 선생님의 비전공자를 위한 진짜 입문 올인원 개발 클래스 수업을 듣고 있는데 혹시 해당 수업 내용을 가지고 블로그를 작성해도 괜찮을까요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
데이터 베이스 생성 후 postman의 get products에서 send를 누른 뒤 오류
안녕하세요 그랩님! 강의 잘 듣고 있습니다. postman에서 create product에서 제품 정보들을 입력하고, DB Browser for SQLite에 데이터가 아래와 같이 입력된 것을 확인했습니다. 이후 포스트맨에서 get products로 들어가 send를 누르니 아래와 같이 '모든 필드를 입력해주세요' 라는 문구가 뜹니다. vscode에서 name, description,price,seller 이 네가지가 notNull로 설정되어 있어서 이 네가지 값이 잘 입력되지 않았을 때 해당 에러 문구가 뜨는 것일 텐데 소스 코드를 보면서 다른 점을 찾아봐도 딱히 다른점을 모르겠습니다... (제 눈의 문제인지...ㅠㅠ) 아래는 제가 작성한 코드입니다. <product.js> <server.js> vscode 터미널에 뜨는 에러 코드는 아래와 같습니다. 에러 코드에도 보면 첫줄에 'notNull Violation'이라고 되어 있어서 해당 조건을 어겼기 때문인 것 같은데... 데이터 베이스에 값들이 잘 들어가 있는 거 같은데 뭐가 잘못된 걸까요... 한 번 봐주시고 혹시 제가 놓친 부분이 있거나 좋은 방법이 있다면 답변해주시면 감사하겠습니다..!! ValidationError [SequelizeValidationError]: notNull Violation: Product.name cannot be null,notNull Violation: Product.price cannot be null,notNull Violation: Product.seller cannot be null,notNull Violation: Product.description cannot be null at InstanceValidator._validate (/Users/jade/Desktop/grab-market-server/node_modules/sequelize/lib/instance-validator.js:50:13) at processTicksAndRejections (node:internal/process/task_queues:96:5) at async InstanceValidator._validateAndRunHooks (/Users/jade/Desktop/grab-market-server/node_modules/sequelize/lib/instance-validator.js:60:7) at async InstanceValidator.validate (/Users/jade/Desktop/grab-market-server/node_modules/sequelize/lib/instance-validator.js:54:12) at async model.save (/Users/jade/Desktop/grab-market-server/node_modules/sequelize/lib/model.js:2368:7) at async Function.create (/Users/jade/Desktop/grab-market-server/node_modules/sequelize/lib/model.js:1344:12) { errors: [ ValidationErrorItem { message: 'Product.name cannot be null', type: 'notNull Violation', path: 'name', value: null, origin: 'CORE', instance: [Product], validatorKey: 'is_null', validatorName: null, validatorArgs: [] }, ValidationErrorItem { message: 'Product.price cannot be null', type: 'notNull Violation', path: 'price', value: null, origin: 'CORE', instance: [Product], validatorKey: 'is_null', validatorName: null, validatorArgs: [] }, ValidationErrorItem { message: 'Product.seller cannot be null', type: 'notNull Violation', path: 'seller', value: null, origin: 'CORE', instance: [Product], validatorKey: 'is_null', validatorName: null, validatorArgs: [] }, ValidationErrorItem { message: 'Product.description cannot be null', type: 'notNull Violation', path: 'description', value: null, origin: 'CORE', instance: [Product], validatorKey: 'is_null', validatorName: null, validatorArgs: [] } ]}node:internal/errors:465 ErrorCaptureStackTrace(err); ^ Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client at new NodeError (node:internal/errors:372:5) at ServerResponse.setHeader (node:_http_outgoing:576:11) at ServerResponse.header (/Users/jade/Desktop/grab-market-server/node_modules/express/lib/response.js:794:10) at ServerResponse.send (/Users/jade/Desktop/grab-market-server/node_modules/express/lib/response.js:174:12) at /Users/jade/Desktop/grab-market-server/server.js:44:11 at processTicksAndRejections (node:internal/process/task_queues:96:5) { code: 'ERR_HTTP_HEADERS_SENT'}
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
img파일이 제대로 확인되지 않습니다.
위의 사진처럼 코드를 작성한 후 결과물을 확인하면 상품이미지가 출력되지 않습니다. 혹시 어떤점을 제가 실수하였을까요?