월 28,600원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
터미널 입력 관련 질문
터미널 창 캡처인데요, 파일 경로가 뜨는 게 아니라 위처럼 커서가 멈춘 채로 아무것도 입력이 안 되는 상태가 반복됩니다. 터미널 종료하고 다시 키면 다시 입력할 수 있는 파일 경로가 떠서, 계속 종료했다가 실행했다 하면서 따라가고는 있는데, npm start 한번 실행할 때마다 다시 위처럼 돼서 번거롭네요 ㅠㅠ 원래 이렇게 되는 게 맞는 건가요..? 단축키라든가 제가 놓친 게 있을까요
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
body관련 질문입니다.
form data를 확인하기 위해서 개발자도구를 켜보니 강의 화면과 다르게 form data표시가 없었습니다. 찾아보니까 header옆에 payload칸에서 찾을 수 있었는데 강의 내용과 크게 다른건 없는건가요? 그냥 크롬 버전이 업그레이드 되면서 옆으로 빠지기만 한 건지 내용적인 부분에서 차이가 있는지 질문드립니다. 또 그럼 Get을 이용한 통신에서는 서버로 부터 응답받은 정보는 어떻게 확인이 가능한지, body에 넣어서 준다면 응답의 body는어디서 확인하는지 궁금합니다.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
create react app . 명령어 실행이 안됩니다.
안녕하세요! create-react-app . 명령어를 치니까 다음과 같은 에러가 뜨는데 어떤 것이 문제일까용... ㅠㅠ node:internal/bootstrap/switches/does_own_process_state:126 cachedCwd = rawMethods.cwd(); ^ Error: ENOENT: no such file or directory, uv_cwd at process.wrappedCwd (node:internal/bootstrap/switches/does_own_process_state:126:28) at process.cwd (/usr/local/lib/node_modules/create-react-app/node_modules/graceful-fs/polyfills.js:10:19) at node:path:1082:24 at Object.resolve (node:path:1096:39) at createApp (/usr/local/lib/node_modules/create-react-app/createReactApp.js:260:21) at /usr/local/lib/node_modules/create-react-app/createReactApp.js:230:9 at processTicksAndRejections (node:internal/process/task_queues:96:5) { errno: -2, code: 'ENOENT', syscall: 'uv_cwd' }
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
추천 상품이 아예 안떠요
데이터베이스를 갱신 후 서버 폴더 몇 번이고 재시작 해보아도 안 뜹니다. grab-market-web의 productCard.js, product 폴더의 index.js, 메인 index.js 파일 전부 웹 소스코드 링크의 코드를 모두 베낀 뒤 tensorflow 폴더 부분의 코드까지도 완전히 일치하도록 통제했지만 추천 상품 자체가 안 떴습니다 나머지 조건 완전히 일치합니다
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
class 질문드립니다.
아래 그림이 제가 쓴 코딩인데. .class-test{color: blue;} 이부분이 작동을 안 하네요. '. '부분에 빨간색 밑줄이 쳐지면서 오류처럼 생기는데 이유가 뭘까요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
error 가 발생합니다
안녕하세요 선생님 index.html:63 error 발생: TypeError: Cannot read properties of undefined (reading 'length') at index.html:32 이 문구가 뜨는데 여러번 검토해봐도 어떤 부분이 잘못되었는지 모르겠어요 ㅠ 도와주세요! <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/logo1.png" /> </div> </div> <div id="body"> <div id="banner"> <img src="images/banners/facebook_cover.png" /> </div> <h1>판매되는 상품들</h1> <div id="product-list"></div> </div> <div id="footer"></div> </body> <script> axios .get( "https://957cc43f-a075-4960-82e1-dfcb0b011daa.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 + '" />' + "</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" />' + "<span>" + product.seller + "</span>" + "</div>" + "</div>" + "</div>"; } document.querySelector("#product-list").innerHTML = productsHtml; }) .catch(function (error) { console.error("error 발생:", error); }); </script> </html>
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
웹 화면 구현하기-3 질문
안녕하세요~ 웹화면 구현하기-3 강의 듣다가 질문이 생겨 글 남깁니다. 현재 제 문제는 강의와 달리 6개의 product-card가 product-list의 wrap 때문에 아래 footer 부분을 침범하고 있습니다. 제가 생각하기에 화면 비율 혹은 코드 문제인 것 같습니다. 화면 비율을 바꾸니 footer부분을 침범하지 않는 것을 확인했고, 소스코드도 확인하고 싶은데 해당 부분 html, css 코드 보내주실 수 있으신가요? 여기서는 코드 업로드가 안되네요.. 감사합니다.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
리액트 사용시 속도 문제 어떻게 하면 좋을까요.
현재 강사님 과정을 따라하고 중간에 작동이 안되서 node 버전 업데이트 하고 다시 하니까 되기는 되는데 속도가 너무 느립니다.;; 검색 해보았습니다만 제가 윈도우 환경에서 사용하고 있는데 운영체제를 조금 따진다고 맥환경으로 해야 빨라 진다는 말 이 몇건 있습니다. 이 를 어떻게 해야 해결 할 수 있을 까요. 웹팩을 써서 해보는 방법도 있다고는 하는데 아직 어려운 감이 있어서 도움 부탁 드립니다.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
id 부여 관련
이렇게 코드를 작성하니 노란색이 나오는데 아까 질문과 엮어서 질문드리고 싶은 것은 1) id 값은 p에도 적용할 수 있는 것인가요? 그렇다면 아까 p 에는 적용이 왜 안되었던 것일까요? p 아래에 2) 코드는 순서대로 적용이 되는 것일까요? 아래와 같이 id를 세개를 부여하면 우선 빨간색-> 파란색-> 마지막 노란색 순서대로 적용이 되는 것일까요? <html> <head> <style type="text/css"> #item-list p { color: red; } #item-list > p { color: blue; } #cdd > p { color: yellow; } </style> </head> <body> <div id="cdd"><p>첫번째 자식 아이템1</p></div> <div id="item-list"> <p>첫번째 자식 아이템2</p> <div> <p>두번째 자식 아이템1</p> <p>두번째 자식 아이템2</p> </div> </div> </body> </html>
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
id를 p에 부여해보았습니다.
안녕하세요 선생님 좋은 강의 잘 듣고 있습니다. 다음과 같이 작성하면 노란 컬러가 첫번째줄 "첫번째 자식 아이템1" 에 나와야 하는 것 아닌가요? 나오지 않아서 여쭤봅니다. <html> <head> <style type="text/css"> #item-list p { color: red; } #item-list > p { color: blue; } #cdd > p { color: yellow; } </style> </head> <body> <div id="item-list"> <p id="cdd">첫번째 자식 아이템1</p> <p>첫번째 자식 아이템2</p> <div> <p>두번째 자식 아이템1</p> <p>두번째 자식 아이템2</p> </div> </div> </body> </html>
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
react의 정체
이부분이 항상 헷갈리는데 react는 프레임워크인가요 라이브러리인가요 그랩은 라이브러리라고 하신것같은데.. 폴더 구조가 있는것으로 보면 프레임워크로 이해가 되서요 다음으로 node.js는 런타임이라는 것을 이해했는데 npm의 정체가 직관적으로 이해가 안갑니다. 이것은 또 무어라고 불러야할까요? ㅠㅠ
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
jsx와 jquery와의 차이
둘다 html 사이에 들어가는 js인것 같은데 차이가 무엇일까요??
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
DLL오류
강의를 다시 처음부터 보고있습니다. 에러를 어디서부터 고쳐야할지 몰라서 여기 답변을 남겨요 텐서플로가 잘못된것인가요 ?? 한번 확인 부탁드립니다. PS C:\tk-market-server> node index.js node:internal/modules/cjs/loader:1183 return process.dlopen(module, path.toNamespacedPath(filename)); ^ Error: A dynamic link library (DLL) initialization routine failed. \\?\C:\tk-market-server\node_modules\@tensorflow\tfjs-node\lib\napi-v8\tfjs_binding.node at Object.Module._extensions..node (node:internal/modules/cjs/loader:1183:18) at Module.load (node:internal/modules/cjs/loader:981:32) at Function.Module._load (node:internal/modules/cjs/loader:822:12) at Module.require (node:internal/modules/cjs/loader:1005:19) at require (node:internal/modules/cjs/helpers:102:18) at Object.<anonymous> (C:\tk-market-server\node_modules\@tensorflow\tfjs-node\dist\index.js:60:16) at Module._compile (node:internal/modules/cjs/loader:1101:14) at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10) at Module.load (node:internal/modules/cjs/loader:981:32) at Function.Module._load (node:internal/modules/cjs/loader:822:12) { code: 'ERR_DLOPEN_FAILED' }
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
product-card의 이미지 크기에 대한 질문
강의 7:53 경의 내용에서 .product-img { width: 100%; height: 180px; } 강의와 다르게 height를 180px로 설정하면 product-img를 포함하는 <div></div>와 부모인product-card 사이에 여백이 생기는데 이유가 무엇인가요? height를 210px로 설정하거나 css에서 <div></div>의 width를 100%로 바꾸면 꽉 채워지기는 하는데 어느 부분에서 차이가 나는지 모르겠어요..
- 해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
저번에 질문했던 프로미스에 대해서 다시 질문해볼까합니다.
그랩님 안녕하세요 제가 저번에 요청했던 질문에서 필요한 부분을 다시 질문할게요. const getData = async () => { try { const result = await axios.get( "https://b2ef45f8-e166-41d7-bd35-9ad159028fbf.mock.pstmn.io/test" ); const products = result.data.products; console.log(products); console.log(`status:(${result.status}) 통신을 성공했습니다!`); const data = JSON.stringify(products); return data; } catch (err) { console.error(err); console.log("결과를 가져오지 못했습니다."); return err; } }; console.log(getData()); 이런식으로 프로미스 객체를 보다 편하게 처리 하기 위해서 async, await을 사용하면 promise.then().catch()형식을 사용하지 않고 할 수 있습니다. 그리고 getData 함수안에서 프로미스를 사용한 변수를 리턴해서 사용 하려면 async, await을 사용해 함수를 만들고 그 안에서 getData함수를 호출해서 값을 얻어올 수 있다고 저번에 올린 질문에 그랩님께서 답변해주셨습니다. 그런데 제가 프로미스 객체를 async 함수가 아닌 전역(global) 공간에서 값을 얻어 내고 싶습니다. 전역 공간에서 Promise { <pending> } 형태가 아닌 값 자체를 얻을 수는 없을까요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
웹 개발 질문이욤..ㅠㅜ
강의내용에서 return 그곳에 상품카드 붙여놓고 저장하고 보니까 밑에처럼 뜨는데 이것도 클로즈 div가 부족한건가요? 어느부분이 부족한건지 모르겠어요 잘 열고 닫은거 같은데
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
rpc서버
rpc서버라는 말이 자주 보이는데 이는 http/ftp 와 동급의 다른 프로토콜로 이해하면 될까요? 소켓 이라는 개념하고 어떤 연관이 있고, rpc서버는 주로 어디에 쓰이나요
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
react빌드
react에서 js로 만든 부분들이 barbel 등으로 빌드에 의해 html로 바뀐다고 읽었습니다. 그과정이 강의에도 나와 있을까요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
flex로 가운데 정렬을 하고 싶은데 어디를 수정해야 하나요?
html <html> <head> <title>market</title> <link href="index.css" type="text/css" rel="stylesheet" /> <script></script> </head> <body> <div id="header"></div> <div id="parent"> <div id="body"> <div id="banner">배너이미지</div> <h1>판매되는 상품들</h1> <div id="productlist"></div> </div> </div> <div id="footer"></div> </body> </html> css #header { height: 64px; background-color: black; } #parant { display: flex; flex-direction: row; } #body { justify-content: center; width: 1024; height: 100%; background-color: blue; } #footer { height: 200px; background-color: red; } #banner { height: 300px; background-color: yellow; } 부모를 만들고 body를 자식으로 넣고 부모에 display:flex를 적용 자식인 body에 justifiy-content:center를 적용했는데 생각처럼 작동을 안해요... 어디서 수정을 해야 할까요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
localhost 브라우저 접속 시 문제가 발생합니다
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 ! 질문 남깁니다. 이전 강의까지는 아무 문제 없이 단계 대로 잘 진행되고 있었는데, 이번서부터 나아가지 않고 있습니다. 1. 크롬 브라우저로 localhost:8080에 접속할 시 Cannot Get / 이라는 문구가 나타납니다. localhost:8080/products에 들어가면 server.js에 입력한 상품 정보들은 잘 나타나고 있습니다. 2. localhost:3000로 접속하면 상품들이 나열되지 않고 빈화면만 나타납니다. 1번의 문제로 인해 2번 과정에서 문제가 있지 않을까 싶습니다. 무엇이 문제일까 싶어 올려주신 코드(index.js, server.js)를 복사 붙여넣기 하여도 같은 문제가 발생하네요.. 무엇이 문제일까요? 강의 잘 듣고 있습니다. 감사합니다! 작성한 코드 첨부합니다! server.js , index.js const express = require("express"); const cors = require("cors"); const app = express(); const port = 8080; app.use(express.json()); app.use(cors()); app.get("/products", (req, res) => { res.send({ products: [ { id: 1, name: "농구공", price: 100000, seller: "조던", imageUrl: "images/images/products/basketball1.jpeg", }, { id: 2, name: "축구공", price: 50000, seller: "메시", imageUrl: "images/images/products/soccerball1.jpg", }, { id: 3, name: "키보드", price: 10000, seller: "그랩", imageUrl: "images/images/products/keyboard1.jpg", }, ], }); }); app.post("/products", (req, res) => { res.send("상품이 등록됨"); }); app.listen(port, () => { console.log("쇼핑몰 서버가 돌아간다"); }); var http = require("http"); var hostname = "127.0.0.1"; var port = 8080; const server = http.createServer(function (req, res) { const path = req.url; const method = req.method; if (path === "/products") { if (method === "GET") { res.writeHead(200, { "Content-Type": "application/json" }); const products = JSON.stringify([ { name: "농구공", price: 5000, }, ]); res.end(products); } else if (method === "POST") { res.end("생성됨"); } } else { res.end("hello Client!"); } }); server.listen(port, hostname); console.log("market server on!");