월 28,600원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
어디가 잘못됬을까요
삭제된 글입니다
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
App.css 변경 후 적용이 되지 않습니다.
안녕하세요! App.css 부분에서 그랩님께서 말씀하신대로 전부 적용했는데 리액트 웹에서 반영이 되지 않네요. 개발자 도구창까지 캡쳐해도 첨부드립니다!
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
404 오류
product array에 설정한 값이 다 있는 걸 보면 서버가 정상적으로 돌아가는 것 같은데 위에 404에러가 뜨는 이유가 뭘까요.?
- 해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
실습이 똑같이 안되요
포스트맨에서 send로 보내면 body에 강사님 처럼 id하고 이런게 안 뜨고 제가 입력한 그대로 나와요 vsc에서는 node server.js로 실행시키면 (node:17320) UnhandledPromiseRejectionWarning: Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client 이런 에러가 뜹니다 어떻게 해결해야하나요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
css 적용 문제
안녕하세요. 그랩마켓 css 적용하다가 궁금한 점이 있어서 문의 드립니다. 리액트 자체에 이런 문제? 현상?이 있는 것 같은데. 폴더별로 index.js와 index.css를 생성 후 js에서 css를 import해서 사용하고 있습니다. 근데 a의 폴더에서 index.css파일에 div에 효과를 주면 b의 폴더의 css 또한 div에 효과가 적용됩니다. 저는 a의 폴더의 index.js div에만 효과를 적용하고 싶은데요... 해결할 수 있는 방법이 있나요???
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
setTime이 비동기 처리를 하는 지 궁금합니다!
import React from "react"; function TimeComponent() { const [time, setTime] = React.useState(0); console.log("컴포넌트가 업데이트됩니다."); React.useEffect(function () { console.log(time); setTime(time + 1); console.log(time); }, []); return ( <div> <h3>{time}</h3> <button>1초씩 증가합니다.</button> </div> ); } export default TimeComponent; setTime 함수 전후에 console.log 를 추가해서 실행해봤는데 개발자도구 출력에서 console.log 2개가 먼저 처리되고 컴포넌트가 업데이트되는 것 같아서 이 경우가 비동기 처리인지 궁금합니다!
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
npm 오류
안녕하세요! 항상 고생 많으십니다!node.js를 설치해서 terminal을 실행시켜 npm -v 를 했을 때 Uncaught ReferenceError: npm is not defined 이런 오류가 나는데 어떻게 해결하면 될까요? node -v는 이상없습니다.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
network 연결이 안돼네요
ngrok 주소와 변수는 맞는 상태입니다. 브라우저로 ngrok 주소를 확인해보니 json형태라 잘 나옵니다. axios 설치되있는 상태입니다. ngrok을 삭제하고 다시 깔고, expo, vscode를 재실행 여러번 했는데도 안되네요..
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
react native가 갑자기 안돼네요
axios 연결하기 전만해도 잘 나오다가 axios 설치 한 후 부터 갑자기 react-native가 설치가 안됐다면 안돼네요 package.json에는 잘 있는데 프로그램을 껐다 켜도 이러네요..
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
연습을 해보기 위해서 app.js를 복붙한 다음부터 터미널 창이 이상합니다.
제가 개인적으로 복습을 하기 위해 app.js 파일을 복붙한 후 이름을 app2.js로 고치고 혼자 코드를 작성하고 npm start를 통해 실시간으로 업데이트되는 모습을 확인하려고 했습니다. 그런데 npm start를 치면 처음 한 번만 브라우저 창이 뜨고, 터미널 창에 다음 이미지와 같은 메시지가 뜬 후 터미널 창에 어떤 명령어를 쳐도 먹지 않습니다. 또한 이상한 점은 외부에서 만든 자식 컨포넌트를 import해도 이 파일에 반영이 되지 않습니다.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
id 값 문제인데 해결을 못하겠습니다.
local host 로 들어가서 축구공위에 마우스를 올리면 아래 products/0 으로 나옵니다.. 물론 클린하면 아무데이터도 나오지 않고 2번쨰 그림을 클릭하면 1번째 상세 정보가 표출됩니다. db값은 id:1 2 3 으로 되어 있으나, localhost 상에는 0, 1, 2 로 표기되있는듯 합니다. 왜 값을 일치 시키지 못하는지 강의를 다시 보면서 문제를 찾아봐도 잘 해결이 되지 않습니다. ㅠ 아직 이해가 많이 부족한듯 합니다. 설명 부탁드립니다. <Switch> <Route exact={true} path={"/"}> <MainPageComponent/> </Route> <Route exact={true} path="/products/:id"> <ProductPage/> </Route> <Route exact={true} path="/upload"> <UploadPage/> </Route> </Switch> app.get("/products/:id", (req,res)=>{ const params = req.params; const {id} = params; models.Product.findOne({ where : { id:id, }, }).then((result)=>{ console.log("PRODUCT : ", result); res.send({ product : result }); }).catch((error)=>{ console.error(error); res.send("상품 조회에 에러가 발생했습니다."); }); }); 그리고... 해당 강의 전의 SQLite 데이터 순서와 현재강의의 데이터 순서가 선생님은 바뀌었는데... 저는 그렇지 않습니다.. ㅠㅠ 이것까지만의 드립니다. app.get("/products", (req, res) => { models.Product.findAll({ order: [["createdAt", "DESC"]], attributes:[ 'id', 'name', 'price', 'createdAt','seller','imageUrl' ], }) .then((result)=>{ console.log("PRODUCTS : ", result); res.send({ products : result }); }).catch((error)=>{ console.error(error); res.send("에러 발생"); }) });
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
fetch 함수 사용시 에러가 발생합니다.
fetch 함수 사용 시 type 에러가 발생합니다. 구글에서 저 함수를 사용했을 때 한국에서는 잘 작동했는데 호주 인터넷 환경에서는 잘 작동하지 않았습니다. 저 URL 이외에도 www.을 붙여 보거나 http://를 쓰기도 했고 주어진 링크인https://jsonplaceholder.typicode.com/todos/1로 했을 때도 같은 에러가 발생했습니다.
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
setTimeout, setInterval 출력값 질문입니다.
주어진 함수를 실행했을 때 나오는 출력값은 무엇을 의미하는지 궁금합니다. 저는 setTimeout를 실행했을 때 2가 출력됐고, setInterval을 실행했을 때 4가 출력됐습니다. 어떤 차이가 있는 것인지 궁금합니다. setTimeout(function(){ console.log("3초 뒤에 실행됩니다!") }, 3000); ->2 setInterval(function(){ console.log("1초마다 실행됩니다."); }, 1000); ->4
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
if (product == null) { return <h1>상품 정보 로딩중</h1>; }
코드가 실행되면 어떻게 비동기화가 진행되고 다시 if문이 실행되는거죠?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
useHistory를 이용한 push에서 typeError가 납니다ㅠㅠ
강사님이 해주신대로 작성했는데... typeError가 나네요ㅠㅠ TypeError: Cannot read property 'push' of undefined 라고 나옵니다ㅠㅠ history.push 이부분이 잘못됐다는 의미같은데 어디가 틀렸는지 모르겠네요. 코드첨부합니다. import "antd/dist/antd.css"; import "./App.css"; import MainPageComponent from "./main"; import "./index.css"; import { Switch, Route, BrowserRouter, Link, useHistory, } from "react-router-dom"; import UploadPage from "./upload"; import ProductPage from "./product"; import { Button } from "antd"; import { DownloadOutlined } from "@ant-design/icons"; function App() { const history = useHistory(); return ( <BrowserRouter> <div id="header"> <div id="header-area"> <Link to="/"> <img src="/images/icons/logo.png" /> </Link> <Button size="large" onClick={function () { history.push("/upload"); }} icon={<DownloadOutlined />} > 상품 업로드 </Button> </div> </div> <div id="body"> <Switch> <Route exact={true} path="/"> <MainPageComponent /> </Route> <Route exact={true} path="/products/:id"> <ProductPage /> </Route> <Route exact={true} path="/upload"> <UploadPage /> </Route> </Switch> </div> <div id="footer"></div> </BrowserRouter> ); } export default App;
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
heroku push가 안돼네요
이렇게 에러가 뜨면서 안 올라가 지네요
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
반응형 웹으로 수정할 때 조금 이상하네요
화면을 크게하면 양쪽으로 가는데 상품 업로드가 이렇게 중간에서 고정되고 움직이고, media screen 이 product card는 적용되는데 또 배너랑 헤더에서는 적용이 안돼네요.. 그 외에도 조금씩 전체적으로 글자가 깨진다거나 그런 이상하게 되는데 코드의 문제인걸까요? 반응웹이 잘 안먹히는데 모바일 앱으로 할 수 있을지 걱정이네요..
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
TypeError: Cannot read property 'map' of undefined
목서버 만들고 index를 product.id로 변경하고 해당 에러가 발생하네요... 어떤게 문제인지 감이 안잡히네요... 확인 부탁드릴게요
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
upload 컴포먼트 usestate관련
다른 데에서 usestate가 다시 렌더링 되서 이걸 방지하고자 useEffectf를 써야하는걸로 알고 있는데 왜 여기서는 useEffect를 안쓰는 이유가 뭔가요?
- 미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
질문있습니다!
안녕하세요. 한가지 궁금한게 있습니다! https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js axios사용하기 위해서 script불러올 때 위에 주소를 사용했는데 여기 강의에서 뿐만아니라 다른곳에서 사용할 때도 저 주소를 사용해야만 하는건가요??