무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
Proxy 관련 질문 드립니다.
안녕하세요 ? 다름이 아니라 웹에서 Proxy 사용은 처음해봐서.. credentials 처리경우는 어떻게 하나요 ??? 로그인 이후 client->server client에서 특정 작업을 쭉하다가 뭔가를 보내고 나서 client에서는 쿠키정보를 같이 보내게 되잖아요 ? axios에서는 withCredentials: true을 보낸다 가정했을때 back에는 어디에 넣어줘야하나요 ?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
types.js
바로 이전에 남긴 질문에 친절히 답변해주셔서 감사합니다! 대댓글로 작성할까 하다가 나머지 질문 하나도 같이 여쭤보고 싶어서 새 글로 작성합니다. 1. 우선 이전 글에서 말씀하신 것에 대해서는 다음과 같은 질문사항이 또 생기는데요, 그러면 지금 두 파일(src의 index.js와 _reducers의 index.js)이 모두 존재하는 게 올바른 것이 맞다고 알면 될까요? 또한, 리듀서가 정의되어 있는 _reducers의 index.js는 꼭 파일명이 index여야만 src의 index.js에서 임포트를 할 수 있나요? 2. types.js에는 action type들이 정의되어 있는데, 보면 const LOGIN_USER = "login_user";라고 되어있습니다! 그런데 다른 파일들에서 action.type을 명시할 때는 LOGIN_USER라고 명시를 해주는데, "login_user"라는 문자열 값(?)은 어디서 쓰이는지 궁금합니다! 그저 저 코드 한 줄이하나의 type 정의 형식일까요...?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
index.js 문제
안녕하세요! 유튜브에서 발견하고 거기서 수강했는데 인프런 강의인 걸 알고 질문을 남기러 온 한 학생입니다. 먼저 강의 너무 잘 보았습니다. 저는 프론트앤드쪽만을 공부하느라 15회차 reactJS부터 봤는데요, 거기서부터 회원가입, 로그아웃 기능까지 쭉 구현하다 보니까 중간의 의문이 드는 점이 몇 개 생겼습니다. 1. _reducers에도 index.js가 존재하고 바깥의 src의 바로 하위에도 index.js가 존재하는데, 각각 코드가 다르므로 둘다 필요한 파일이 맞기는 한 것 같습니다만, 우연히 파일명을 같게 해주신 걸까요? index.js가 왜 두 개지? 라고 생각이 들어서요! (즉, _reducers에 있는 index.js의 파일명을 바꿔도 상관없을까요?!) 로그인, 회원가입, 로그아웃 다 잘 돌아가긴 하는데 강의 동영상에서는 어느 시점부터인가 저와는 다르게 src바로 하위에 있는 index.js가 보이질 않아서 걱정되어 질문 드립니다. 감사합니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
로그아웃기능 에러
서버는 돌아가는데 404notfound 에러가 뜹니다. 로그인 기능까지는 실행이 됩니다. https://github.com/minseon6371/node.js-react-basic 여기서 코드 한 번 확인해 주실 수 있나요 ?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
dev.js .gitignore 적용 오류
안녕하세요 강사님, 수업 정말 잘듣고 있습니다. 비밀 설정 정보 관리 강좌에서 config폴더 안에 dev.js, key.js, prod.js파일을 생성하는 과정을 진행후 .gitignore 파일에 dev.js를 추가하고 github에 push를 하면 적용이 안되고있습니다. 찾아보니 적용이 되려면 .git폴더와 같은 디렉토리에 있어야 한다고 들었는데, 혹시 어떻게 하신건지 설명해주실수 있으신가요?? 아래 첨부 사진은 현재 boiler-plate폴더의 디렉토리들 입니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
몽구스 에러와 port문제
안녕하세요, 터미널에서 npm run start 실행시에 Example app listening on port ${port}! MongooseError: The `uri` parameter to `openUri()` must be a string, got "undefined". Make sure the first parameter to `mongoose.connect()` or `mongoose.createConnection()` is a string. 에러가 납니다. 어느부분을 살펴봐야 할까요?? 또한, {port}에 포트번호가 들어가지 않는데요, 여러번 실행을 하다보면 이미 사용되고 있는 port번호라는 에러메시지가 떠서 계속 바꿔가면서 실행은 했는데 어떤문제인지 궁금합니다!
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
클라이언트와 서버간 데이터 전달이 되지 않는 것 같습니다.
안녕하세요! 강의 잘 듣고 있습니다 :) 벌써 따라가다보니 30강까지 수강하고 있는데, 사진과 같이 클라이언트 login 페이지에서 로그인이 되지 않고 에러가 떠서 질문 드립니다. npm run dev 한 뒤에, 포스트맨으로 회원가입, 로그인 이상없이 잘 되는데 클라이언트 페이지에서 로그인하려고 하면 콘솔창에서 아래와 같은 에러가 뜨네요. message(pin):"Request failed with status code 404" name(pin):"Error" stack(pin):"Error: Request failed with status code 404 at createError (http://localhost:3000/static/js/vendors~main.chunk.js:1206:15) at settle (http://localhost:3000/static/js/vendors~main.chunk.js:1440:12) at XMLHttpRequest.onloadend (http://localhost:3000/static/js/vendors~main.chunk.js:609:7)" 404 에러가 뜨고, 포스트맨에서는 정상 로그인이 되는 것으로 보아 클라이언트에서 서버에 데이터(이메일, 비밀번호) 를 보내주지 못하고 있는 것으로 추측됩니다. 답변 주시면 제가 완강하는데 큰 도움 될 것 같아요 :) 좋은 강의 감사드립니다! 깃헙 주소: https://github.com/overult01/boiler-plate.git
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
TypeError: Cannot read properties of undefined (reading 'prototype')오류를 해결하지 못하겠습니다...
강의 감사합니다. 강의 내용을 따라하면서 많은 에러를 고쳤지만 이번 에러는 쉽게 해결하기 어려워 질문남깁니다..! 따라치다가 분명 어디서 실수가 난 것 같은데 몇번이고 돌려봐도 못찾았습니다. https://github.com/HumanHyeon/NodeJS
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
선생님 LoginPage.js 에서 props에 오류가 뜹니다.
선생님 안녕하세요. 지금까지 잘 진행해왔는데, LoginPage.js에서 Dispatch props.history~~ 이 부분을 똑같이 작성하고 실행하면 컴파일 에러가 뜹니다. Failed to compile src/components/views/LoginPage/LoginPage.js Line 33:9: 'props' is not defined no-undefSearch for the keywords to learn more about each error. This error occurred during the build time and cannot be dismissed. 그래서 구글링해보고 props.history.push("/") 부분을 this.props.history.push("/") 이렇게 this. 을 추가해주면 실행은 되지만, 로그인을 하면 fail이라고 뜨고 화면 전환이 안됩니다. 어떻게 해야할까요?? 아래는 제가 작성한 코드입니다. dispatch(loginUser(body)).then((response) => { if (response.payload.loginSuccess) { // 메인 페이지로 이동 this.props.history.push("/"); } else { alert("Error"); } }); };
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
페이지 렌딩 시
페이지 렌딩 할 때 해당 경로를 루트 "/" 로 설정하면 모든 페이지가 landingpage 로 이동합니다. 어떻게 해결 해야 할까요? <Route path="/land" component={LandingPage} />
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
user_reducer 부분 익명함수라 오류나는거 같은데 봐주실수있나요?ㅜㅜ
src\_reducers\user_reducer.js [1] Line 5:1: Unexpected default export of anonymous function import/no-anonymous-default-export [1] Line 9:13: Unreachable code no-unreachable
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
proxy 에러나시는 분들..
이것저것 다 해도 오류나서 왜그런가 했더니 server폴더의 package.json의 아래부분이 적용이 안되어서 그랬더라구요. 혹 안되시는 분들 참고하라고 글 남깁니다..ㅜㅜ "scripts": { "start": "node server/index.js", "back": "nodemon server/index.js" },
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
안녕하세요 .env파일을 활용하고싶어서 질문남깁니다.
.env파일을 활용하고싶어서 질문남깁니다. 환경변수에 몽고디비 패스워드가 담긴 URI를 넣은후, dev.js에서 참조하게끔 하였으나 자꾸 오류가 뜹니다. 코드는 다음과 같습니다. const env = require('../../.env') module.exports={ mongoURI : `mongodb+srv://corepen:${env.MONGO_PASSWORD}@boilerplate.cvbef.mongodb.net/myFirstDatabase?retryWrites=true&w=majority` } .env MONGO_PASSWORD : password 위와 같이 비밀번호를 따로 .env파일에 넣어두고 하였습니다만, 자꾸오류가 뜨네요.. 이것을 어떻게해줘야 .env파일의 비밀번호를 인식할수 있을까요 ?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
npm start 오류 때문에질문남깁니다.
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 이제까지 잘 실행되고 실습했던 리액트가 npm start를 하면 오류를 내뿜습니다. node.js를 지웠다 깔아봐도 같은 에러를 내뿜는데 혹싀 여쭤볼 수 있을까요 ㅠㅠㅠ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
bodyParser 오류
mongodb가 연결이 안되는데 히로쿠? 거기에다가 어떤 처리를 해야하는건가요?ㅜㅜ
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
(재질문)로그인 기능 확인 중 postman sending request 무한로딩
로그인 기능을 구현한 다음 확인을 위해 postman에서 email과 비밀번호를 send 하면 sending request가 무한로딩되는 문제가 발생합니다. 전에도 같은 질문을 했었는데 다른 분께서 남겨주신 답변으로 수정하고 다시 시도를 해보아도 해결되지 않아 재질문 드립니다. https://github.com/gomsoni/boiler-plate_mernstack
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
promise와 object
콘솔에 찍어보니 post의 결괏값이 request에 promise로 들어오는데 이걸 payload에 넣어 보내주면 object형으로 반환되더라구요 어떻게 그렇게 되는지 궁금합니다. promise 개념이 잡히지 않아서 그런지 헷갈리네요.. (+추가) 콘솔에 찍어보니 response.data는 object형으로 들어오더라구요 console.log(request)로 콘솔에 찍어봤을 때는 promise형이었는데 비동기수행 때문에 then이 뒤늦게 수행되었기 때문인가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
dispatch 반환값에 대해 질문 있습니다.
여기서 then의 res에는 어떤 작업의 결괏값이 들어오는 건지 궁금합니다! dispatch의 결괏값인가요 콜백인 registerUser의 결괏값인가요? 디스패치를 수행하면 res에 registerUser함수에서 리턴된 객체{type:..., payload:....}가 들어오던데 registerUser(body)를 수행했을 반환된 결괏값이 then으로 들어오는 건가요? 코드 개념상으로는 dispatch의 리턴값인 state가 반환되어야 하는 것이 아닌가요..?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
프록시 설정하여도 404오류가 뜹니다.
이것은 클라이언트 axios 부분입니다. useEffect(() => { axios.get(`/api/hello`) .then(response => console.log(response.data)) }, []) 아건서버 index.js 부분입니다. app.get(`/api/hello`,(req,res) =>{ res.send("안녕하세요") }) 이것은 프록시 에서의 코드입니다 (저는 서버포트 8000으로햇어요.) const { createProxyMiddleware } = require('http-proxy-middleware'); module.exports = function(app) { app.use( '/api', createProxyMiddleware({ target: 'http://localhost:8000', changeOrigin: true, }) ); }; 그런데 GET http://localhost:3000/api/hello 404 (Not Found) 이런 오류가 뜨네요 이런 오류와 같이요 createError.js:16 Uncaught (in promise) Error: Request failed with status code 404 at createError (createError.js:16) at settle (settle.js:17) at XMLHttpRequest.onloadend (xhr.js:54) 어떻게 해결하면 좋을까요 ?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
Config에서 dev파일 숨기기
안녕하세요 수업 너무 잘 듣고 있습니다 마지막 git에 파일 올리는데 문제가 있어 문의드립니다 .gitignore 파일에 dev.js 입력하고 파일을 올렸는데 Git에서 config파일에 dev.js 파일이 숨겨져 있지 않고 그대로 나와있어서 어떻게 하면 좋을까요?