묻고 답해요
158만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
리덕스 어렵네요.
강의 잘보고있는데 너무 어렵네요.1. user_action.js에서 user_reducer.js와의 연결고리가 없는데 어떻게 저파일을 찾아가는건지 궁금합니다.2. types.js에 LOGIN_USER= "login_user" 지정해주는데 "login_user" 값은 어디서도 사용안된 값인데 왜 저리 지정되는지도 모르겠는데 답변주시면 많은 도움이 될거 같습니다.
-
미해결실전 리액트 프로그래밍
에러 처리 질문
안녕하세요. 강의를 따라 코드를 치던 중 화면과 같은 에러가 발생했습니다. 검색 후 상단에 보이는 것처럼 코드를 추가하였지만 해결되지 않고 있습니다. 어떻게 하면 될까요?
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
vscode 에서 vim 으로 .env 파일을 만드는데 안되요...
vscode에서 git bash 로 사용 했는데 다 작성하고 esc 누르고 wq 누르고 엔터 눌러도 반응이 없습니다..
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
Collections에서 데이터 확인
안녕하세요 :) PostMon을 통해 보낸 데이터들을 확인하려고 Collections에 들어갔는데 잘 안나와서 아래있는 질문들도 확인하고 앞에 강의도 확인하고 구글링도 다 해봤는데 뭔가 조금 이상하다는 생각이 들어서 질문드립니다. Collections를 누르면 이렇게 아무 것도 안뜨고, Add my own data를 누르면 아래와 같은 창이 뜹니다. Collections를 눌렀을 때, 이와 같은 창을 확인 할 수 있는데, 여기서의 Database name이 "mongodb+srv://june:<password>@nodejspractice.xjqzt.mongodb.net/<dbname>?retryWrites=true&w=majority" 이 코드에서의 <dbname>을 의미하는 건가요? 앞선 강의에선 <dbname>부분이 test로 세팅이 되어있는데, 현재는 을 채우도록 되어있습니다. 이때 <dbname>부분에 무엇을 넣느냐를 고민하고 있고, 여러 시도를 해봤는데 진전이 없어서 질문드립니다. 감사합니다
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
mongoURI 관련 질문
mongoose.connect(config.mongoURI, ... 위의 코드에서 mongoURI 라고 실습해주신대로 했을 때 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. 위와 같은 오류가 발생해서 한참 삽질을 했는데요ㅠㅠ 혹시나 하고 mongoURL로 고쳐서 런 시켰더니 잘 동작하네요... URI로 사용하면 동작하지 않는 이유가 무엇인가요 원래 동작해야 맞는건가요? 물론 prod.js dev.js도 위와 동일하게 변경했습니다!
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
이미지 업로드 -> 취소 -> 업로드 관련 질문
이미지 업로드와 관련해서 궁금한게 있습니다. 업로드 버튼을 눌러 이미지를 하나만 선택한 뒤 제거 버튼을 눌러 제거하면, 다시 같은 이미지를 선택했을 때 업로드가 안됩니다. 에러가 발생하는 게 아니라 아예 UPLOAD_IMAGES_REQUEST 액션이 디스패치되지 않아요. 제 나름대로 코드를 살펴봤지만 액션이 디스패치되지 않는 이유를 알 수가 없습니다. 원인이 뭔지 알려주시면 감사하겠습니다.
-
해결됨따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
12강 에러 질문드립니다..
register 부분까지는 정상적으로 진행했고, login 부분으로 넘어왔는데 ReferenceError : user is not defined at c:...생략...\boiler-plate\index.js:51:5... 이런 오류가 뜹니다.. 강의자님의 github나 다른 질문들을 훑어봤지만 강의 내용과 코드의 다른점을 찾지 못했습니다.. 도와주세요..! https://github.com/coffeescriptSERRL/study-boiler-plate-ko/blob/master/index.js
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
화면(=크롬 개발자도구console에) 아래와 같은 오류가 발생하는데ㅠㅠ....
화면에(=크롬 개발자도구 Console에) "Store does not have a valid reducer. Make sure the argument passed to combineReducers is an object whose values are reducers." 라는 오류가 찍히는데ㅠㅠ...구글링해봐도 무슨말인지 이해가 잘 되지 않습니다ㅠㅠ....
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
안녕하세요! 2시간 내내 구글링해도 해결을 못하여 질문합니다ㅠㅠ
안녕하세요. 좋은강의 올려주신거 열심히 따라 하고있는데ㅠㅠlandingpage에서 화면에 뿌릴 txt입력후 실행하면 화면에 아래와 같은 오류가 발생합니다. 구글링 아무리 해도 해결을 못하여ㅠㅠ질문드립니다ㅠㅠ 감사합니다
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
useEffect오류
React Hook "useEffect" is called in function "landingpage" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks 위와같은 오류가 발생하는데, 어떻게 해야하나요?
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
findByToken이 정상작동 안해서 한시간 씨름했는데요
강사님이 토큰키로 넣으신 'secretToken'은 sign은 되는데 verify가 안됩니다. ㅠㅠ 찾아보니 base64어쩌구는 나오는데 이유는 모르겠네요 그냥 '1234'넣어주니 인코딩 디코딩 정상작동합니다.
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
404에러가 뜨는데 원인을 계속 찾지 못하고 있습니다 ㅜㅜ
type(pin):"login_user" ▶ payload(pin) 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/0.chunk.js:909:15) at settle (http://localhost:3000/static/js/0.chunk.js:1130:12) at XMLHttpRequest.handleLoad (http://localhost:3000/static/js/0.chunk.js:384:7)" ▶ config(pin):{ url: "/api/users…", method: "post", data: "{"email":"…", … } error(pin):true 강사님 깃헙 코드랑 비교하면서 계속 확인해도 문제가 계속 발생하는데 어디서 문제인 것인지 감이 오지 않습니다 ㅜㅜ 유튜브 댓글에 다른 분도 proxy 문제였는줄 알았다가 디렉토리 이름 문제였다고 하고ㅜㅜ localhost도 서버쪽은 5000으로 맞춰놨거든요.... 깃헙에 코드는 업로드 하였습니다. https://github.com/comejtome508/Practice_boilerplate
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
heroku 관련 질문입니다
안녕하세요. 강의 너무나 잘 보고 있습니다. 이번 강의를 수강하는 도중에 갑자기 heroku가 갑자기 나오길래 이전 강의에서 놓친 부분이 있나 확인해보았는데 그 전에 언급하신 적은 없더라구요. 저는 아직 heroku를 사용해 본적이 없어서, heroku 홈페이지에서 계정을 만든 후, app을 만든다음, setting 부분의 Config vars에서 강의에서 하신 것 처럼 MONGO_URI를 추가하였습니다. npm run start는 정상적으로 작동을하는데, 혹시 제가 추가적으로 setting을 해야할 것들이 있을까요?
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 챗봇 사이트 만들기
환경변수가 어디서 쓰이는지 잘 모르겠습니다 ㅠ
전체적인 구조는 잘 설명해 주셔서 이해했습니다! 클라이언트 - 노드 서버 - dialogflow API 이렇게 되는데, 이번 강의에서 노드 라우트에서 보면 제가 dialogflow에서 만든 계정 정보(프로젝트 아이디 등등)를 가지고서 세션을 형성해서 연결하는 것까지 이해했습니다! 그래서 그 특정 정보를 가지고 제 계정으로 만들었던 dialogflow API로 보내게 되는 거구요! 그런데, GOOGLE_APPLICATION_CREDENTIALS 환경변수를 만들긴 했는데 이것이 어디에 쓰이는지 모르겠습니다... ㅠ '프로젝트 이름-key.json' 라는 파일 안에는 제가 생성한 dialogflow 프로젝트 정보가 들어 있는데요, 이것이 있는 파일 경로를 이용해 일단 환경 변수를 셋팅했는데, 딱히 코드 상에서는 해당 환경 변수를 이용하는 곳이 없더라구요... ㅠ 그런데 서버를 돌리고 포스트맨으로 요청을 보내면 잘 응답이 오는 것을 확인할 수 있었습니다. 즉, 현재 노드 서버와 dialogflow API가 연결이 잘 됐다는 뜻인데요, 왜 이게 가능한지 모르겠습니다... const projectId = config.googleProjectID; const sessionId = config.dialogFlowSessionID; // 내 계정을 이용하여 dialogflow와의 세션 생성 const sessionClient = new dialogflow.SessionsClient(); const sessionPath = sessionClient.sessionPath(projectId, sessionId); 위에서 보시면 그저 프로젝트 이름하고, 임의로 정한 세션 아이디명을 넣어준 것 뿐인데, 어떻게 노드 서버가 제 dialogflow 프로젝트를 특정하여 잘 연결하는지 원리를 모르겠습니다...
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
postman에서 POST 방식으로 데이터를 넣어봤는데, html 코드로 cannot POST만 확인됩니다.
현재 회원가입 기능까지 구현하고, postman에서 POST 방식으로 데이터를 넣어봤는데, html 코드로 cannot POST만 확인되어서 무엇이 문제인지 궁금합니다.
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
dispatch(loggoutUser())
회원가입/로그인은 dispatch를 통해서 redux에 상태를 전달하는 것으로 봐서 로그아웃도 마찬가지라고 생각했는데요! 여기에서는 왜 dispatch대신 응답을 통해 넘어온 sucess메세지만으로 로그아웃을 마무리하는지 알 수 있을까요~?
-
해결됨따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
process.env.NODE_ENV
강의 너무나 잘보고 있습니다.궁금한 게 있는데 process.env는 제가 설정을 따로 안했는데도 쓸 수 있는걸 보니,노드를 설치하면 따라오는 process객체를 통해 접근하는 거로 이해가 가는데요.그렇다면 1.NODE_ENV도 노드설치시 process.env객체 안에 자동으로 있는 key이기에 사용가능한가요? 2. process.env.NODE_ENV === 'production'은 헤로쿠 통해 배포시에 사용하는 것은 알겠는데 npm start 실행시 production일지 / dev일지는 제가 따로 안 준것 같은데 별 말 없으면 노드는 자동으로 dev모드로 실행하는 건가요???
-
미해결React로 NodeBird SNS 만들기
react-helmet
6버전 이상부턴 default export가 없어서 import {Helmet} from 'react-helmet'; 이렇게 받아와야 하는거 같아요 버전 업데이트를 하면서 default export를 안쓰고 {}로 감싸고 import 해와야 하는데, 질문) 패키지에 어떤 기능추가를 위해서 저렇게 default export를 안쓰고 바꾸는 건가요?? 보통 어떤경우에 패키지 개발자가 저렇게 바꾸는지 궁금합니다.
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
User.js 에서 this
userSchema.pre("save", function (next) { var user = this; if (user.isModified("password")) { bcrypt.genSalt(saltRounds, function (err, salt) { ... var user = this 를 하면 user 에는 뭐가 담기게 되는거죠?ㅠㅠ 또 여기서 var user = this 를 선언을 했는데 userSchema.methods.generateToken = function (callback) { var user = this; var token = jwt.sign(user._id.toHexString(), "secretToken"); ... 왜 여기서 또 선언을 하는 거에요? User.js 에서 user 이라는 변수가 뭔지 정확히 모르겠습니다ㅠㅠ
-
미해결React로 NodeBird SNS 만들기
미들웨어 이렇게 추가하는거 맞나요..??
middleware.js exports.postExist = async(req,res,next)=>{ const post = await db.Post.findOne({ where: { id: req.params.id } }); if (!post) { return res.status(404).send("해당 페이지가 존재하지 않습니다"); } next(); } post.js router.delete('/:id', isLoggedIn, postExist, async(req,res,next)=>{ try{ await db.Post.destroy({ where: {id: req.params.id}}); res.send(req.params.id); }catch(e){ console.error(e); next(e); } }) next()만 추가해서 다음 동작으로 갈수있게 해주었는데 더 추가할게 있는지 궁금합니다..!