월 28,600원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
간격띄우기와 중간배열이 강의내용과 다르게 됩니다.
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파일이 제대로 확인되지 않습니다.
위의 사진처럼 코드를 작성한 후 결과물을 확인하면 상품이미지가 출력되지 않습니다. 혹시 어떤점을 제가 실수하였을까요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
npm install -g sequelize-cli 설치 오류
아래에 비슷한 질문이 있어서 해당 댓글 보며 해결해보려고 했는데 잘 안 되어서 질문 남깁니다 ㅠㅠ 어떻게 해결하면 좋을까요? 터미널에 뜨는 에러는 아래와 같습니다...! 맥북 사용하고 있어요!! npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.npm ERR! code EACCESnpm ERR! syscall mkdirnpm ERR! path /usr/local/lib/node_modules/sequelize-clinpm ERR! errno -13npm ERR! Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/sequelize-cli'npm ERR! [Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/sequelize-cli'] {npm ERR! errno: -13,npm ERR! code: 'EACCES',npm ERR! syscall: 'mkdir',npm ERR! path: '/usr/local/lib/node_modules/sequelize-cli'npm ERR! }npm ERR! npm ERR! The operation was rejected by your operating system.npm ERR! It is likely you do not have the permissions to access this file as the current usernpm ERR! npm ERR! If you believe this might be a permissions issue, please double-check thenpm ERR! permissions of the file and its containing directories, or try runningnpm ERR! the command again as root/Administrator. npm ERR! A complete log of this run can be found in:npm ERR! /Users/jade/.npm/_logs/2022-07-21T07_25_57_741Z-debug-0.log
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
안녕하세요! useParams에서 막혀서 질문 남깁니다 ㅠㅠ
우선 웹라이브러리 파트의 Link태그 적용 강의에서 후반부에 useParams 를 사용하게 되는데, 이부분부터 무언가 오류가 발생하네요.. 1. 메인화면 들어갔을때 오류화면 2. 상품클릭했을때 콘솔로그 상품을 클릭했을때 변경된 주소까지는잘 적용 되고, useParams 를 사용하기 전까지는 정상 작동 했는데, product 폴더의 index.js 에 useParams 만 넣으면 위처럼 오류가 발생합니다 이전에 소스에서는 문제가 안생겼군요 ㅠㅠ import { useParams } from "react-router-dom"; function ProductPage() { const { id } = useParams(); return <h1>상품 상세 페이지 {id} 상품</h1>; } export default ProductPage; 오타가 있나 싶어서 소스자료 복붙해도 마찮가지여서 문의로 남깁니다... react-router-dom 설치 할때 버전을 확인 못하고 그냥 설치했다가 나중에 확인해서 5.2 버전으로 다시 설치했는데, package.json 에는 5.2버전으로 정상적으로 보여지긴 하는데 오류내용이 버전이 충돌이 나서 그런건가 싶기도 하고.. 해결 방법이 있을까요? ㅠㅠ
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
axios 관련 문제
npm install axios를 통해 정상적으로 설치하였음에도, 위 사진과 같이 axios를 정상적으로 가져오고 있지 못하는데, 문제가 무엇일까요?? node_modules 안에도 axios가 잘 있는데ㅠㅠ
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
에러가 납니다ㅜㅜ
강의를 보며 그대로 따라했는데 const query = req.query; console.log("QUERY : ", query); 를 추가했을때 터미널에 node server.js를 하면 에러가 납니다ㅜㅜ
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
TypeError: require(...) is not a function
아래와 같은 에러코드로 node server.js가 실행되지 않습니다.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
저 방대한 내용들을 순차적으로 배우기가 가능한가요?
어떤 특정내용을 배우기 시작하며 그 내용과 관련된(의존적인) 내용들을 추가적으로 탐색해보고 익히는게 더욱 효율적이지 않을까요? 약간 색칠에 비유하자면, 위에서부터 색칠하기시작해서 아래까지 도달하는 것보다, 본인이 칠하고 싶은 영역을 먼저 칠한 뒤, 그 영역과 가까운 영역들을 천천히 칠해나가는게 더 효율적인 것처럼요.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
사진이 안 불러와집니다
크롬 콘솔에 저런 오류 문구가 뜨면서 이미지만! 안 불러와집니다 ㅠㅠ 여러 질문들과 답변 확인하면서 JSON문법 검사기에도 돌려봤는데 Valid라고 나왔구요... 웃긴 건 만들어진 상품 목록들에 상품 이름이나 가격, 그리고 샐러 옆에 있는 아이콘까지 잘 나오는데, 딱 상품 사진만 안 나오네요 ㅠㅠㅠㅠ 아래는 VS코드 입력창입니다..!
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
함수가 인자로 들어갈 때
10분쯤 강의 듣다가 잘 모르겠어서 질문합니다. 위 사진에 담긴 내용을 보면 처음에 함수로 'callbackFunc'라는 이름의 함수를 정의하고 시작하셨잖아요?? 그리고 나서 아래에 sayHello라는 함수를 정의할 때 인자로 callback까지만 쓰셨구요. 1. sayHello안의 인자로 들어간 callback은 callbackFunc이라는 함수와는 아예 다른 새로운 매개변수 함수일 뿐인가요? 2. 함수의 인자로는 함수만 들어갈 수 있는 건 아니고, 'x'와 같은 값?도 들어갈 수 있죠?? 그럼 함수는 인자가 함수인지 값인지를 어떻게 알고 처리하나요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
productcard컴포넌트에 별다른 css를 적용하지 않은 것 같은데 메인화면에서 쓰던 productcard와 동일한 css가 적용되네요?
productCard.css를 만들어서 적용하실 줄 알았으나, 그런 과정이 없네요. 근데도 productcard가 정상적으로 디자인이 된 상태로 랜더링 되네요? 어떻게 이게 가능한건가요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
상품 이미지 문제
상품 이미지가 엑박으로만 뜨고 실제 이미지가 적용되지 않습니다ㅜㅜ 아래 질문에서 어떤분이 포스트맨 문제였다고 하셨는데 정확히 어떤 문제인지 모르겠네요ㅜㅜ
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
화면 이동 안됨
그랩님 안녕하세요! 강의 잘 듣다가 문제가 생겨 글 올립니다. 강의 대로 소스코드를 작성 하였는데 url에 /product 또는 /upload를 입력하여도 화면이 변환되지 않고 그대로 입니다. 그랩마켓 메인화면에서 아무리 새로고침을 해도 상품설명 페이지나 업로드 페이지로 넘어가지 않습니다. 이럴때는 어떻게 해야되나요? 너무 답답하네요ㅜㅜ
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
file.path에 관련된 질문이 있습니다.
안녕하세요! 이번 강의가 조금 어려워서 이해가 부족한 부분이 있는 것 같습니다. 이미지를 업로드 시키는 코드를 작성하실 때 app.post("/image", upload.single("image"), (req, res) => { const file = req.file; res.send({ imageUrl: file.path, }); }); 위에처럼 imageUrl을 file.path로 주셨는데, file 변수를 console로 찍어보니 filedname, originalname, filename, path 등등 여러가지 요소들이 확인되더라구요. 여기서 imageUrl을 file.path로 주셨는데 왜 다른게 아니라 file.path를 imageUrl의 값으로 주신건지 궁금합니다! 예를들어 file.originalname으로 설정을 해도 uploads 폴더에 이미지파일은 잘 들어가더라구요. 어쩌면 제가 공부가 아직 덜 되어 기본적인 질문일 수도 있는 것 같은데 확인해 주시면 감사드리겠습니다!
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
open in browser
안녕하세요! vscode 설치하고 설정을 하고 수강을 이어서 하는도중 <p>hello inflearn</p> open in browser 하는 상황에서 open in browser라는 창이 마우스오른쪽클릭하면 아예 화면에 나타나지않는데,, 어떻게 해결해야할까요..?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
settings.json
다른 수강생분들에게도 문제 해결에 도움을 줄 수 있도록 좋은 질문을 남겨봅시다 :) 1. 질문은 문제 상황을 최대한 표현해주세요.2. 구체적이고 최대한 맥락을 알려줄 수 있도록 질문을 남겨 주실수록 좋습니다. 그렇지 뭐 많이 뜨는데...어떻게 해야되나요. 처음에 defult?.settigns.json으로 되어 있어서 cmd+,로 눌러서 settings.json으로 설정했는데도 많이뜨네요.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
정상적으로 배포가 되었으나 데이터베이스가 잘 관리되지 못하고 있는 것 같습니다.
강사님의 강의에 따라 vercel, heroku에 정상적으로 배포를 완료하였습니다. 그리고 나서 상품정보 조회, 상품정보 업로드 등 여러 기능들이 원활하게 작동하는 것을 확인했습니다. 그런데 얼마뒤에 사이트에 다시 접속하니깐, 제가 업로드 했던 상품들이 조회되지 않았습니다. api서버쪽 데이터베이스를 확인해봤더니 업로드 했던 상품정보들이 빠져있더군요. 자꾸 일정시간이 흐른 뒤에 데이터베이스에서 추가해줬던 데이터들이 빠지는데 이런건 대체 어떻게 해야하나요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
상품상세페이지가 안뜹니다....
다른 수강생분들에게도 문제 해결에 도움을 줄 수 있도록 좋은 질문을 남겨봅시다 :) 1. 질문은 문제 상황을 최대한 표현해주세요. 상품을누르면 http://localhost:3000/products/1 의 주소로 가는데 사진과같이 상품상세페이지라고 안뜨고 아무것도 안나옵니다...왜 그런건지 모르겠습니다 2. 구체적이고 최대한 맥락을 알려줄 수 있도록 질문을 남겨 주실수록 좋습니다. 그렇지 않으면 답변을 얻는데 시간이 오래걸릴 수 있습니다 ㅠㅠex) A라는 상황에서 B라는 문제가 있었고 이에 C라는 시도를 해봤는데 되지 않았다!3. 먼저 유사한 질문이 있었는지 꼭 검색해주세요!