월 28,600원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
첨부한 사진의 차이가 궁금합니다
위에는 실행되지 않고 아래는 실행되는 차이가 궁금합니다.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
express port가 계속 사용중으로 나와요
express server port 문의드립니다.express 서버가 잘 실행되고 있다가 ctrl+z로 서버를 종료시키고, npm server.js로 재구동시킬때 기존 port가 계속 사용중이여서 오류가 발생해요.포트를 kill하거나 다른 포트로 변경하면서 수강하고 있는데, 혹시 제가 express 종료방법을 잘못 알고 있는 걸까요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
자식 선택자 안에는
이게 선생님이 해주셨던 방식인데요 header-area>img 쪽에 display:flex;align-items:center;이 방식으로 하면 옮겨지지 않더라고요img 파일을 옮기는 거라 제가 했던 방식으로 해도 될 줄 알았는데 옮겨지지 않더라고요차이가 궁금합니다
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
상품 페이지에 Postman 관련 데이터가 들어오지 않는 것 같습니다.
다른 수강생분들에게도 문제 해결에 도움을 줄 수 있도록 좋은 질문을 남겨봅시다 :) 1. 질문은 문제 상황을 최대한 표현해주세요.2. 구체적이고 최대한 맥락을 알려줄 수 있도록 질문을 남겨 주실수록 좋습니다. 그렇지 않으면 답변을 얻는데 시간이 오래걸릴 수 있습니다 ㅠㅠex) A라는 상황에서 B라는 문제가 있었고 이에 C라는 시도를 해봤는데 되지 않았다!강의를 두번 보고 Github에 올라온 코드와 비교해가며 코드는 완전히 똑같이 작성이 되어 있는 데 /page/1에 상품 정보를 받고 있습니다... 만 나오고 /2 /3은 나오지 않습니다. /1에서도 기다려도 상품 페이지와 프로필이 나오지 않습니다.5분 46초에서 각 상품페이지에 들어갔을 때 product를 가져오는 것 부터 문제가 있었는 데 어디가 문제인 지 모르겠습니다.3. 먼저 유사한 질문이 있었는지 꼭 검색해주세요!
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
이미지 오류인거같은데 잘 모르겠어요 ㅠㅠ
갑자기 이런 오류가 떳어요 ㅠㅠ밑에 내용은 이런식으로 적었습니다.'<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; }) .catch(function (error) { console.log("error 발생 : ", error); }); </script> </html> Mock-server도 옳바르게 작성한것 같은데 뭐가 문제인지 모르겠어요 ㅠㅠhttps://85f38838-e68d-4643-8023-bb4d3f4b3461.mock.pstmn.io/products
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
안녕하세요 공부중인데 답변 부탁드립니다.
React 말고 vue 를공부하고 왔는데 vue로 프로젝트만들라고하는데 많이다를까요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
postman에서 no environment
postman에서 우측 상단의 no environment를 클릭해도다른 항목이 나오지 않습니다.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
[그랩마켓] Git Commit 적용하기 에서 test 프로젝트? 이건 뭔가요?
[그랩마켓] Git Commit 적용하기 에서 test 프로젝트? 이건 뭔가요? 갑자기 저런 폴더? 프로젝트? 같은거로 바뀌는데 이전 강의에서 뭐하라는 말도 없었는데 갑자기 저거로 넘어가버리네요 .. 왜 저게 생겨난거고 뭐 어떻게 만드는건가요?ㅜㅜ ㅜㅜ 스킵하지말고 하나하나 디테일하게 설명해주셨으면좋겠네요..
- 해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
상품이 아래로 나열되요 ㅜ
똑같은 css파일인데 왜 다르게 나타날까요 ㅠㅠ위가 처음에 react없이 그냥 html로만 만든거구요아래가 react로 만든건데같은 index.css파일인데 왜 다르게 나타날까요 ㅠㅠ
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
설치가 안되어서 강의진행을 못하고있어요...
이런 오류가 떠서sudo chown -R $USER 위에에러뜬경로위 처럼sudo chown -R $USER '/usr/local/lib/node_modules/create-react-app'이렇게 입력을 해도 계속 오류가나는데 어떻게해야하나요ㅠㅠ
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
length error 가 뜨네요
포스트맨에 { "products": [ [ { "name": "농구공", "price": 100000, "seller": "조던", "imageUrl": "images/products/basketball1.jpeg", }, { "name": "축구공", "price": 50000, "seller": "메시", "imageUrl": "images/products/soccerball1.jpg", }, { "name": "키보드", "price": 10000, "seller": "그랩", "imageUrl": "images/products/keyboard1.jpg", } ]; ]} 위와같이 작성했고 비쥬얼스튜디오에<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" /></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><div class="product-card"></div><div class="product-card"></div><div class="product-card"></div><div class="product-card"></div></div></div><div id="footer"></div></body> <script> axios.get("https://1771c96e-64d6-4579-9e75-e3aee90caeb9.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> 위와같이 작성했는데페이지에 사진이 안나오고 개발자도구에서 오류가 뜨는데 어디가 잘못된건가요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
비쥬얼 스튜디오에 코딩되어있는게 제꺼랑 다른데 왜그런걸까요>
이렇게 상품 설명 해놓은 코딩이 제꺼랑 다르게 되어있는데 이유가뭔가요??
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
Footer가 안 나타납니다.
(사진)
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
아무리 해도 안되네요
npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.changed 67 packages, and audited 68 packages in 2s5 packages are looking for funding run npm fund for details2 high severity vulnerabilitiesSome issues need review, and may require choosinga different dependency.Run npm audit for details.질문에 있는 방법이나 인터넷에 나온 방법을 다 사용해도 여기를 통과를 못합니다.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
expo 설치 후 npm start 문제
안녕하세요.구글/리부팅/ 재설치 다 해도 안되어서 질문 드립니다(저는 VSCode 터미널 에서 관리자 권한 때문인지 install 이 안되어서 아래 처럼 콘솔을 관리자 모드로 열어서 진행합니다)C:\Projects\1_learn_all_with_javascript\grap-market-mobile>npm start> grap-market-mobile@1.0.0 start> expo startStarting project at C:\Projects\1_learn_all_with_javascript\grap-market-mobileCommandError: "react-native-web" is added as a dependency in your project's package.json but it doesn't seem to be installed. Please run "yarn" or "npm install" to fix this issue. 위 처럼 표시 되어서npm install react-native-web으로 설치 해도 아래와 같은 메세지와 함께 진행 안됩니다.C:\Projects\1_learn_all_with_javascript\grap-market-mobile>npm install react-native-webnpm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR!npm ERR! While resolving: grap-market-mobile@1.0.0npm ERR! Found: react@18.0.0npm ERR! node_modules/reactnpm ERR! react@"18.0.0" from the root projectnpm ERR! peer react@"^17.0.2 || ^18.0.0" from react-native-web@0.18.9npm ERR! node_modules/react-native-webnpm ERR! react-native-web@"~0.18.7" from the root projectnpm ERR!npm ERR! Could not resolve dependency:npm ERR! peer react@"^18.2.0" from react-dom@18.2.0npm ERR! node_modules/react-domnpm ERR! peer react-dom@"^17.0.2 || ^18.0.0" from react-native-web@0.18.9npm ERR! node_modules/react-native-webnpm ERR! react-native-web@"~0.18.7" from the root projectnpm ERR!npm ERR! Fix the upstream dependency conflict, or retrynpm ERR! this command with --force, or --legacy-peer-depsnpm ERR! to accept an incorrect (and potentially broken) dependency resolution.npm ERR!npm ERR! See C:\Users\iness\AppData\Local\npm-cache\eresolve-report.txt for a full report.npm ERR! A complete log of this run can be found in:npm ERR! C:\Users\iness\AppData\Local\npm-cache\_logs\2022-10-23T17_27_19_403Z-debug-0.log다른분 글 보니 react-dom 설치 해보라는 글 있어서 해봤는데 똑같이 안됩니다. expo start --web 으로 해보니 아래와 같이 나와서 진행하니It looks like you're trying to use web support but don't have the required dependencies installed. Would you like to install react-native-web, react-dom? ... yes 아래처럼 에러가 발생됩니다. × Failed to install react-native-web@~0.18.7, react-dom with error: npm exited with non-zero code: 1npm exited with non-zero code: 1commended in SDK 46 and higher), run:Error: npm exited with non-zero code: 1 at ChildProcess.completionListener (C:\Users\iness\AppData\Roaming\npm\node_modules\expo-cli\node_modules\@expo\spawn-async\src\spawnAsync.ts:65:13) at Object.onceWrapper (node:events:628:26)th_javascript\grap-market-mobile at ChildProcess.emit (node:events:513:28) at ChildProcess.cp.emit (C:\Users\iness\AppData\Roaming\npm\node_modules\expo-cli\node_modules\cross-spawn\lib\enoent.js:34:29) at maybeClose (node:internal/child_process:1093:16) at Process.ChildProcess._handle.onexit (node:internal/child_process:302:5) ... at spawnAsync (C:\Users\iness\AppData\Roaming\npm\node_modules\expo-cli\node_modules\@expo\spawn-async\src\spawnAsync.ts:26:19) at NpmPackageManager._runAsync (C:\Users\iness\AppData\Roaming\npm\node_modules\expo-cli\node_modules\@expo\package-manager\src\NodePackageManagers.ts:166:31) at NpmPackageManager.installAsync (C:\Users\iness\AppData\Roaming\npm\node_modules\expo-cli\node_modules\@expo\package-manager\src\NodePackageManagers.ts:82:16) at NpmPackageManager.addWithParametersAsync (C:\Users\iness\AppData\Roaming\npm\node_modules\expo-cli\node_modules\@expo\package-manager\src\NodePackageManagers.ts:96:18) at NpmPackageManager.addAsync (C:\Users\iness\AppData\Roaming\npm\node_modules\expo-cli\node_modules\@expo\package-manager\src\NodePackageManagers.ts:109:5) at installPackagesAsync (C:\Users\iness\AppData\Roaming\npm\node_modules\expo-cli\src\commands\utils\web\ensureWebSetup.ts:208:5) at ensureWebDependenciesInstalledAsync (C:\Users\iness\AppData\Roaming\npm\node_modules\expo-cli\src\commands\utils\web\ensureWebSetup.ts:134:7) at ensureWebSupportSetupAsync (C:\Users\iness\AppData\Roaming\npm\node_modules\expo-cli\src\commands\utils\web\ensureWebSetup.ts:47:3) at actionAsync (C:\Users\iness\AppData\Roaming\npm\node_modules\expo-cli\src\commands\start\startAsync.ts:47:5) at C:\Users\iness\AppData\Roaming\npm\node_modules\expo-cli\src\commands\start.ts:34:16어떻게 진행 해야 할까요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
React Natvie메인화면 구현시 Axios Error
위와 같이 오류가 납니다.페이지 연결은 되었고, 해당 URL을 Click하면 위와 같이 오류메시지가 나타납니다. axios는 새로 깔았는데도 안되네요.혹시나해서 서버주소를 원래의 localhost:8080으로 수정해보았으나 여전히 데이터를 받아오지 못하고 있습니다. ngrok에서 나타나는 URL로 포스트맨에서 Get요청을 보내니 잘 받아집니다.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
그랩마켓 화면구현하기 2 이미지 삽입 문의드립니다.
그랩마켓 로고를 삽입하기 위해서 경로를 추가했는데 여기까지만 뜨고 삽입이 되지 않습니다. 경로 추가시에 강의에서는 image 경로를 설정하기 위해 메뉴가 생성되었는데 생성되지 않았습니다.어느 부분이 잘못되었는지 도저히 모르겠네요ㅠㅠ
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
console.log("status code:", result.status);에서
console.log("status code:", result.status);에서 :가 "status code:" 안에 들어가는 이유가 뭔가요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
상품을 많이 등록해서 db에서 직접 delete문을 날려 삭제했더니 data lnsert가 안됩니다.
안녕하세요. 질문 드릴것이 있어 글을 남깁니다.제가 동일 상품을 많이 등록해서 DB Browser를 열어 직접 delete문을 날려 db에서 데이터를 지우고 다른 상품을 등록하려 하였더니 DB가 lock됐다는 오류메시지와 함께 데이터 insert가 되지 않는 현상이 발생하였습니다. ORM을 사용하면 반드시 코드로만 DELETE를 해야하는 건지요? DB에서 직접 data를 조작하면 해당 현상이 발생하는 건지, 혹시 해결책은 있는 것인지 여쭙니다.<터미널 error log>
- 해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
React로 웹개발하기 2 - 콤포넌트 명명
index.js에서 함수의 이름은 Mainpage인데, app.js에서 불러와서 return할때는 MainPageComponent일까요??이전에 ChildComponent는 함수이름에 Component가 들어가서 이 부분은 그냥 함수명을 그대로 쓰면 되는거구나 했는데.. 함수명에 콤포넌트를 따로 써줘야하는건지 import규칙이 혼선이 옵니다.