무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
onSubmitHandler를 form태그에 해주는 이유는 뭔가요?
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. button 태그에 onSubmitHandler를 넣어야할 것 같은데 form 태그에 해당 핸들러를 넣어주는 이유는 뭔가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
토큰저장위치에 관하여
안녕하세요, 강의 듣다가 질문드립니다. cookie-parser를 이용하여 client의 cookie에 토큰을 넣는 것으로 이해하였는데 왜 mongoDB에도 token이 저장되는 것인가요?? 또한 사용자가 logout했을때, client쪽의 token을 지워버리면 안되는 것인가요?? **우선 왜 DB에 토큰이 저장되는지 모르겠습니다!!**
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
클라이언트에서 db를 가져오려면
안녕하세요 선생님 유익한 강의 잘 수강하고있습니다. 현재 회원가입까지 구현이 다 되어서 몽고 db에 회원가입시 데이터가 잘 들어가는것도 확인하였고, 클라이언트(프론트) 상에서 이 db를 가져와서 쓰고싶은데 어떻게 해야 가져와서 쓸수있을까요? 프론트만 파서 이쪽은 잘 감이 안잡힙니다 감사합니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
mongoose.connect에만 노란줄
intellij 사용중입니다. 캡쳐에서 보시다시피 다른 function이나 method들은 잘 나오는데 mongoose.connect만 왜 .. unresolved function or method 라고 나오는걸까요 ㅠㅠ 에러는 아니지만 신경이쓰여서 질문남깁니다..
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
postman에서 전송했을 때 무한 로딩이 해결이 안됩니다. 다른분들 방식도 안됩니다
안녕하세요. 강의 잘 보고 있습니다 제가 토큰 생성까지 따라했는데 무한로딩이 발생했습니다. if(err) return cb(err);로 수정을 했는데도 계속 로딩이 발생하네요 save함수 안에서는 console.log도 안찍히는 거 봐선 save함수가 문제인거 같기도 한데 검색해도 아무 정보도 안나와서 정말 답답하네요.. 혹시 도와주실수 있을까 해서 git hub 주소 올려봅니다 https://github.com/ChyoPyoRo/CP1
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
npm run start 후에 local host가 안열리네요..뭐가 잘못된걸까요
https://github.com/JiHwanMIN17/aad
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
Auth 질문
로그인을 하고 회원가입 창을 들어가면 auth.js 에서 확인해서 회원가입 창을 못들어가게 해주는건 잘 됩니다. 근데 아예 못들어가는게 아니라 회원가입 창이 잠깐 떴다가 다시 전의 화면을 띄워주는데 이런 현상을 없애려면 어떻게 해야 할까요? 제 생각에는 비동기 처리를 못해서 이런 문제가 나오는 것 같은데 맞을까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
mongoDB 비밀번호 설정과 index.js에서 mongoose.connect(비밀번호)
mongoDB 비밀번호 설정한걸 index.js에서 mongoose.connect() 안에 넣잖아요! 그리고 깃헙에 올리셨는데 그럼 비밀번호가 깃헙에서 노출되지 않나요?? 제가 평소에 잘쓰는 비번으로 설정을 해서요ㅠㅠ 비번을 대충 아무거나로 바꿔야할까요??
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
TypeError: Cannot read properties of undefined (reading '_id')
로그인, 회원가입 다 되고 로그인 후에 x_auth 쿠키가 있는 상태에서 로그아웃 버튼을 누르면 아래와 같이 error가 뜨면서, 백엔드에는 TypeError: Cannot read properties of undefined (reading '_id') 이러한 오류가 뜹니다. redux tool은 이렇게 되어 있어서 어디가 오류인지 모르겠습니다ㅠㅠ https://github.com/juoklee/node-React
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
로그인 후 Error가 alert 되는 것은 계정의 문제인가요?
DB에 있는 계정으로 로그인을 시도했는데 Error가 뜹니다. react v.6을 사용하고 있어서 navigate로 코드 변경해서 props를 사용하지 않으면 function LoginPage()의 파라미터를 어떻게 설정해두어야 하는지도 궁금합니다 import React, { useState } from 'react' import { useDispatch } from 'react-redux'; import { loginUser } from '../../../_actions/user_action'; import { useNavigate } from 'react-router-dom'; function LoginPage(props) { let navigate = useNavigate(); //dispatch const dispatch = useDispatch(); //state, 처음state = "" const [Email, setEmail] = useState("") const [Password, setPassword] = useState("") //event 발생할 때 state를 변경 const onEmailHandler = (event) => { setEmail(event.currentTarget.value) } const onPasswordHandler = (event) => { setPassword(event.currentTarget.value) } //login 버튼 const onSubmitHandler = (event) => { //페이지 refresh 방지 event.preventDefault(); // console.log('Email', Email) // console.log('Password', Password) //보내줄 data let body = { email: Email, password: Password } //'loginUser'라는 action dispatch(loginUser(body)) .then(response => { if(response.payload.loginSuccess) { navigate('/'); //v.6 // props.history.push('/') //v.5 } else { alert('Error'); } })
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
useState와 reducer
안녕하세요 강사님 수업 잘 듣고 있습니다! 여쭤볼 것이 있는데요. useState, reducer 모두 state을 바꾸는 걸로 알고 있습니다. 강사님 같은 경우는 reducer을 쓰실 것으로 보이는데, 어느 경우에 useState를 쓰고, 어느 경우에 reducer을 쓰는지 알려주실 수 있을까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
git commit 이 작동을 안합니다.
git commit -m "처음 저장소에 올림" 을 입력하고 엔터치면 On branch master Initial commit Untracked files: .gitignore index.js models/ package-lock.json package.json nothing added to commit but untracked files present 이런 메세지가 뜹니다. 어떻게 해결해야 할까요? ㅠㅠ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
res.status(200) 또는 400
안녕하세요 강사님. 강의 잘 듣고 있습니다! 궁금한 점이 하나 있어서 여쭤보려고 합니다. 조건문에 따라 각각 res를 이용해서 json형식으로 결과를 나타내고 있었는데 신호가 잘 도착했을 때 res.json({... 또는 res.status(200).json({... 이런 형식이고 실패할 때는 res.json({... 또는 res.status(400).json({... 이런 형식이던데 어떨 때 status()를 표시하거나 표시하지 않아야 하나요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
30강 reducer 관련 질문 드립니다. 흐름이 이해가 안되네요ㅠㅠ
user_action.js user_action.js LoginPage.js 코드 상에서 user_action.js의 return 값에는 payload가 존재하고 user_reducer.js의 return 값에는 payload가 존재하지 않습니다. 그런데 LoginPage.js에서 response에 payload가 있다는 것은 user_action.js로부터 return 값을 받았다는 것인데 이 부분이 이해가 가질 않습니다. user_action.js의 return 값은 user_reducer.js로 간다고 하셨는데 그렇다면 user_reducer.js의 return 값은 어디로 가는 것이며 LoginPage.js에서 response에 왜 payload가 있는 것인가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
포스트맨에서 send 를 누를 시, 에러가 발생합니다.
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. { "success": false, "err": { "index": 0, "code": 11000, "keyPattern": { "email": 1 }, "keyValue": { "email": null } } } 맨 밑에 에러가 났는데 왜 이런 에러가 난건지... 강사님이 알려주시는대로 코드 따라 쳤습니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
로그인 에러
안녕하세요, 강사님! 강의를 보던 중에 로그인이 되지 않아서 질문 남깁니다. 터미널과 콘솔창에는 에러가 나지 않는데 데이터가 넘어가지 않아서 devtool에 아무 응답이 없어요... 원인을 정말 모르겠습니다.. 깃헙 주소 올려드립니다. 감사합니다. https://github.com/ha2ylee/Study
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
회원가입은 되는데, 로그인이 실패합니다.
강사님 안녕하세요, 제공해주신 강의 잘 듣고 있습니다. 감사합니다. 회원가입은 정상적으로 잘 되는데, 로그인이 계속 안되네요. 콘솔창은 깨끗해요 차라리 콘솔창에 뭐가 뜨면 그거 보고 수정할텐데.. 이메일이랑 비밀번호는 복붙도 하고 직접 입력도 해보면서 여러번 시도해본거라 정확히 입력했어요 그런데 아무리 해봐도 로그인은 계속 실패하네요ㅜㅜ 코드가 문제인거면 왜 콘솔이나 터미널은 깨끗한건지.. 오타도 여러번 확인했는데 도저히 못찾겠네요ㅠ 밑에 깃헙주소 첨부하니 확인 부탁드립니다. 감사합니다. https://github.com/Belisy/boiler-plate
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
proxy
저는 지금 서버는 spirngboot를 통해서, proxy설정을 하고있는데요, 터미널에 정상적으로 프록시 localhost:8080 도 정상적으로 뜨는데, 404에러가 뜨네요 ㅜㅜ setupProxy.js도 최신 문법을 사용하는데... 여기에 지금 5시간째입니다 살려주세요
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
통신 관련 에러(404, proxy)
기존에 프로젝트를 통해 ajax와 axios를 써봤음에도 cors에러가 잡히지 않아 당황했습니다. 게시판에 올려주신 분들 정보를 참고는 하되, 무작정 다 복붙하시면 안됩니다. 저 역시 또 다른 에러가 생겨 최대한 공식문서를 살펴보고 하니 해결이 됐습니다. 우선 const { createProxyMiddleware } = require('http-proxy-middleware');module.exports = function(app) { app.use( '/api', createProxyMiddleware({ target: 'http://localhost:5000', changeOrigin: true, }) );}; 이 부분에서 영상과 다른 점이 있는데, 이것은 강의 url에 있는 docs에 있는 예제를 따라하는 것이 맞습니다. 어디가 문제인지 콘솔로 확인하는게 어렵다면, 우선 백엔드쪽 서버에 보낸 response가 html로 들어오는지 확인(localhost:5000/api/hello 가 되겠죠)-> 만약 잘 들어온다면 프론트 단(client)에서만 수정을 해주시면 됩니다. 또한package.json에 있는 경로를 폴더에 맞게 잘 설정해주셔야 됩니다. 다른 강의들 보면서 모르는 부분을 찾아해맨 적이 너무 많은데 이 강의는 조금만 시간을 들이면 다 해결이 될만큼 설명을 잘해주셔서 감사합니다.
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
react 5 to 6 업그레이드 관련 이슈
밑에 분도 관련 이슈로 코드예시를 들어주셨는데요. react 버전이 v5 -> v6가 업그레이드 되면서 바뀐 내용에 대한 정보는 공식홈페이지 docs 주소남깁니다. React Router | Upgrading from v5 여러가지가 있지만 우선 강의를 기준으로 switch가 Routes로 바뀌었구요. url에 있는 docs를 예시로 작성하셔도 되고, 하기 어렵다면 예제를 그대로 사용하시면 됩니다. import { BrowserRouter, Route, Routes,} from "react-router-dom"; import LandingPage from './components/views/LandingPage/LandingPage' import LoginPage from './components/views/LoginPage/LoginPage' import RegisterPage from './components/views/RegisterPage/RegisterPage' function App() { return ( <BrowserRouter> <Routes> <Route exact path="/" element = {<LandingPage/>}/> <Route exact path="/login" element = {<LoginPage/>}/> <Route exact path="/register" element = {<RegisterPage/>}/> </Routes> </BrowserRouter> ); } export default App;