수강이 제한됩니다.
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결React로 NodeBird SNS 만들기
사진에서처럼 에러가 납니다.
https://github.com/wjdwndtlr/react-nodebird back-> index.js에서 cors도 제대로 해줬고 강의대로 해준거같은데.. 네트워크에서 페이로드보면 데이터는 잘 입력된것같습니다. 에러를보면 백엔드로 서버전달이 잘 안되는것같은데.. 도와주세요! + 추가로 const exUser = await db.User.findOne({ where: { // 기존에 가입된 사람이있나 찾아보고 userId: req.body.userId }, if(exUser) { // 가입되있으면 프론트에 문자열을 보내줌 // 에러를 의미하게하려면 res.status(400~599).send(); return res.status(403).send("이미 사용중인 아이디 입니다."); } }); if(exUser){}부분 코드가 잘 이해가 안갑니다. userId:req.body.userId라는것은 전체 body의 userId를 찾아본다는 뜻인가요?
- 미해결React로 NodeBird SNS 만들기
제로초님
제로초님 next로 ssr을 이용하여 페이지 로딩을 할때 데이터가 많아 로딩이 걸리는 시간에 로딩 아이콘 같은 것을 넣고 싶은데 그럴때 혹시 어떻게 처리 해주셨나요?!
- 미해결React로 NodeBird SNS 만들기
withRedux()(NodeBIrd)
혹시 withRedux가 DI(dependency injection)를 주입을 시켜주나요?
- 미해결React로 NodeBird SNS 만들기
vscode 사용중인데
강좌그대로 npm설치 다따라하고 설정 똑같이 했는데 오류메세지가 안나타나네요 어떻게해야할까요? 확장플러그인에서 eslint도 설치햇습니다.
- 해결됨React로 NodeBird SNS 만들기
오류 해결 도움 부탁드립니다..
https://github.com/wjdwndtlr/react-nodebird sql을 안설치했을때 처음오류가 떳습니다. sql 설치후 sql포트도 vscode에서와 같이3065로 해줬습니다. 그래도 처음오류(사진)와 같이 에러가나와 스텍오버플로우에서 검색했는데 npm install -save sequelize 해보라는 답변이있어서 했습니다. 그러자 두번째 오류(사진)과 같이 에러가 발생했습니다. 컴퓨터도 껏다켜보고 작업프로세스로 노드 다 꺼보고도했는데.. 해결이안됩니다. 도와주세요 ㅠㅠ + 수정 => config.json의 "operatorsAliases": false 을 제거해줬더니 두번째오류는 사라졌으나 포트번호가 사용중이란 에러가 나옵니다.ㅠㅠ 재부팅 두번해줬으나 똑같네요.. - 처음오류 - 두번째오류
- 미해결React로 NodeBird SNS 만들기
두가지 타입의 appLayout은 불가능한가요?
안녕하세요 제로초님! 현재 appLayout 구조가 헤더/컴포넌트/푸터일때 특정페이지에선 컴포넌트/푸터만 보이고 싶은데 이럴땐 어떻게 해야 하나요?
- 미해결React로 NodeBird SNS 만들기
제로초님! 질문 있습니다!
힌트 좀 주실수 있을까요? 저는 어떻게 생각을 했냐면 다중 쿼리를 사용 하여 result에 들어 가 있는 값을 db.getMap((result) => { for ( var i = 0; i < result.length; i++ ) { aa = [{ "name":result[i].name, "user":{"result":result[i]._id} }] } res.json(aa); }); 이 포멧으로 json 형식으로 만들어 보려고 했는데 혹시 반복문 으로 한 번 돌려서 하는 방식은 생각을 안해봐서 foreach로 돌려 그냥 앞에 각각의 as로 설정 해주는 user, like 같은 걸 찾아서 push해주실 생각 이신가요?? 그리고 중복 되는 부분은 필터 를 사용해서 해야 할까요?! 힌트좀 부탁 드리겠습니다.
- 미해결React로 NodeBird SNS 만들기
질문있습니다. 리덕스 사가가 잘 작동을 안합니다.
제로초님 영상 18:50쯤 보면 리덕스가 작동을 안하는데요... 저도 '좋아요' 버튼 누르면 like post는 성공으로 나오지만, 빨간하트로 변하지 않고, 새로고침해야 빨간색 하트로 변합니다. 그상태에서 다시 '좋아요' 버트누르면 unlike post는 성공하지만, 원래 하트로 돌아가지 않아 새로고침해야 원래 하트로 돌아갑니다. 현재 next9(동적라우팅은 docs보고 해결했습니다), mysql 8버전으로 작업중인데요... 혹시 제가 버전이 달라서 그런건지... 아니면 어디를 살펴봐야 하는지... 조언부탁드립니다. git>> https://github.com/Philastrio/nodebird
- 미해결React로 NodeBird SNS 만들기
제로초님~
씨퀄라이저 에서 데이터를 같이 가져 올떄는 join문을 사용 하라고 도움을 주셔서 join문을 공부 하고 있습니다. 제가 지금 짠 query는 SELECT Post.id, Post.content, Post.createdAt, Post.updatedAt, Post.UserId, Post.RetweetId, `User`.`id` AS `User.id`, `User`.`nickname`, `Likers->Like`.`UserId` FROM Posts AS Post LEFT OUTER JOIN Users AS USER ON Post.UserId = User.id LEFT OUTER JOIN ( `Like` AS `Likers->Like` INNER JOIN `Users` AS `Likers` ON `Likers`.`id` = `Likers->Like`.`UserId`) ON `Post`.`id` = `Likers->Like`.`PostId` ORDER BY `Post`.`createdAt` DESC LIMIT 10 이런 형태로 결과는 이런식으로 다 붙어서 나오고 있습니다. 그런데 서큘에서 한 결과 물을 봤을때 해당 글의 id별로 likers로 구분지어서 나오더라구여 어떻게 하면 이런식으로 구분 지어 질수 있는 지 알수 있을까요?! group by를 사용 해야 하나요?
- 미해결React로 NodeBird SNS 만들기
질문있습니다.
현재 다른프로젝트를 진행중입니다. axios를 이용해서 get방식으로 통신을 하려합니다. 보내는 부분은 제로초님이 설명해주신것처럼 리덕스 사가를 3단계를이용하였고 axios({ method:'get', url: 'http://54.180.186.62/api/boxoffice', data:Data, headers:{ headers: {'Content-Type': 'application/json'}, } }) 보내는 부분을 이렇게 작성하였습니다. 그리고 서버단은 req.body를 이용해서 받을려고 하는데 app.js부분에 express.json 과 encodeurl을 모두 작성하였 는데도 console.log(req.body.year)이런식으로 찍어보면 값이 undefiend로 뜹니다 axios에 전송하기전에 콘솔을찍으면 object{"year":2015}이런식으로 값은 잘 전송이 되는거같은 데 백단으로 넘어가면 값이 전부 없어져버립니다 get방식을 post방식으로 바꿔서 할때도 잘되었고 postman으로 하면 req.body.year가 잘출력되는것을 볼수있 는데 axios로 get방식으로만 통신하면 백단에서 값이 사라 져버리는 증상입니다
- 미해결React로 NodeBird SNS 만들기
session 유지 질문이요.
회원과 비원원 구분해서 만드려고 하는데요. next.js에 _app.js에서 me정보가 있는지 없는지 보고 없을때 LOAD_USER_REQUEST 하는 부분에서요. 새로 고침하면 세션은 남아있는데 user.me에 정보가 없어서 서버에서 정보를 다시 가지고 오는건 비효율적인거 아니가해서 질문들입니다. 실무에서도 저렇게 사용하나요? 아니면 다른 방법이있나요?
- 미해결React로 NodeBird SNS 만들기
mysql 설치후질문
thebook 보고 설치 했는데 그다음 어떻게 해야할지 모르겟어요 아이디랑 패스워드,닉네임 이부분 디비연동부분 모르겠습니다 아예쌩판처음보는 프로그램이라 하나도 모르겟어요 알려주세요 ㅜㅠㅜㅠㅜㅠㅜㅠㅜ
- 미해결React로 NodeBird SNS 만들기
_app.js
Component 중에 제외하고 싶은 pages 파일은 어떻게 하나요? 예를 들어 index.js 파일을 제외한 나머지 파일이 공통적인 컴포넌트를 가지고 있을 때요
- 해결됨React로 NodeBird SNS 만들기
sequelize init 이 안됩니다.. ㅠㅠ
https://github.com/wjdwndtlr/react-nodebird 강의에서처럼 npm i -g sequelize-cli 해줬구요.. 사진처럼 오류가 나는데 어떻게 해결해야할까요?
- 해결됨React로 NodeBird SNS 만들기
제가 이해한게 맞는지 검토 부탁드립니다.
const postIndex = state.mainPosts.findIndex( v => v.id === action.data.postId ); 위의 코드중에서 v는 mainPosts의 전체 객체를 뜻합니다. (위의 경우 객체가 더미데이터로 하나밖에없으나 여러개있어도 문제가 되지않음 왜냐면 findIndex()때문인데.. (아래에서 설명)) findIndex()메소드가 전체 배열중에서 조건에 맞는 첫번째 인자(?)의 위치를 반환하기때문에 객체가 여러개있어도 문제가 되지않음 즉 맨위의 코드는 mainPosts의 객체중에서 새롭게 들어온 postId와 , mainPosts.id를 비교해서 true가 되면 그 배열의 인덱스를 반환해준다. 맞나요? 그리고 어떤분이 남기신 글의 답변에 배열메소드를 공부해야한다고 하셨는데 여기서 배열메소드는 findIndex()를 말씀하신건가요?.. ps. 강의보고서 Node.js책도 샀습니다. ( 사실은 Node.js책 좋은거 찾다가 구매했는데 나중에 알고봤더니 제로초님이 쓰신 책이였네요 ..ㅋㅋ)
- 미해결React로 NodeBird SNS 만들기
passport 질문 있습니다.
naver passport 적용하고 싶은데요. 네이버 동의 받는 페이지를 localhost:3065/user/naver 이렇게 불러와서 passport-naver로 naver에서 받은 id가 db.User에 없으면 저장하고 있으면 passport 실행 되게 한 다음. Redirect URL localhost:3065/user/naver/callback 여기로 받아서 서버에서 req.redirect로 welcome 프론트 화면 보내주는데요. saga를 어떻게 써야 효율적일지 모르겠네요ㅠㅠ 서버에서 req.redirect 받은 welcome 페이지에서 LOG_IN_NAVER_REQUEST useEffect 사용해서 한번 실행하고 API로 서버가서 세션연결로 로그인 여부 확인 받아서 있으면 LOG_IN_NAVER_SECCESS하고 my에 저장하고 없으면, LOG_IN_NAVER_FAILUER 하려고 하는데 더 효율적인 방법이 있을까요?
- 미해결React로 NodeBird SNS 만들기
redux-form 사용시
안녕하세요 제로초님! 강좌를 기반한 실습 중 막히는 부분이 생겨 질문드립니다. 현재 draft.js(편집기 라이브러리)를 통해 게시글을 작성해보려고하는데 draft.js를 통한 게시글 submit은 redux-form 모듈을 이용하여 리듀서를 연결하였고 아래 그림과 같이 submit 클릭시 액션이 찍히고 있는걸 확인했습니다 위 캡처와 같이 SET_SUBMIT_SUCCEEDED 액션이 실행될때 리액트노드버드강좌시 만들어진 post.js의 리듀서 ADD_POST_SUCCESS도 같이 호출을 하고 싶은데 이게 가능한 건지... 가능하다면 어떤 방법이 있는지 궁금합니다
- 미해결React로 NodeBird SNS 만들기
제로초님 질문이 있습니다.
씨퀄라이저 에서 데이터를 같이 가져 올떄는 include안에 model를 추가 해서 넣어 주던데 이걸 query로 데이터를 같이 가져 오려면 어떻게 해야 하나요???
- 미해결React로 NodeBird SNS 만들기
질문있습니다
현재 이강의를 기반으로 다른 프로젝트를 진행중인데 react native expo 를 사용중입니다. axios 통신시에 data를 FormData()를 이용해서 보내주는데 프론트단에서 console을 찍으면 FormData { "_parts": Array [ Array [ "userId", "B", ], Array [ "password", "B", ], Array [ "nickname", "B", ], ], } 이런식으로 들어가서 보내주는데 백단에서 콘솔을 찍으면 req.body에 모두 비어 있는상태로 나옵니다. 백단 코드는 제로초님이 회원가입시에 강의로 설명하신것과 같습니다 axios 코드는 아래와같습니다 axios({ method: 'post', url: 'http://172.30.1.50:3065/api/user', data: signUpData, headers: {'Content-Type': 'multipart/form-data' } }) ㅁ
- 미해결React로 NodeBird SNS 만들기
제로초님 ~
제로초님 안녕 하세요 궁금한게 생겨 질문 남깁니다. 좋아요 기능을 만들때 Sequelize로 만들었을때 이런식으로 db를 만들어서 이런식으로 데이터를 받아 오는데 서로 다른 결과 들을 이렇게 하나로 합치는건 유니온을 사용 하는 건가요?? Sequelize를 안쓰고 쿼리로 짜보고 있는데 이부분이 조금 어렵더라구여 .... 서브 쿼리를 사용 하는건지 유니온을 사용한건지 합쳐서 push해서 담은 건지 모르겟더라구여 ㅠㅠ 혹시 mysql 그냥 쿼리로 짰을때는 어떻게 되는지 가르쳐 주실수 있을 지 해서 질문 남깁니다.