inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

172만명의 커뮤니티!! 함께 토론해봐요.

update구현:state변경 8분이후

미해결

생활코딩 - React

안녕하세요 강사님. Update구현 : state 변경중간까지 따라해서 작동이 다 되었는데 7분이후에 concat 이 나오는 부분에서 ( 제 생각에는 이부분은 이전 강의에서 이미 변경이 되었다고 생각되는데) 동영상에 나오는대로 코드를 따라 했는데, 이후에는 에러가 발생하면서 , 기존 디폴트로 주었던 id :2 ( title:css 와 desc : 내용) 갑을 갖고 getContent 부분으로 이동한후에 무한루프에 빠져버리는 것 같습니다. 이 부분 동영상을 계속 보긴 했는데 어느부분에서 잘못된건이지 찾을 수가 없네요. 혹시 update 구현부분에 해당 하는 UpdateContent.js 를 갖고 계시면 혹시 보내주실 수 있는지요? 아무래도 비교해봐야 할것 같습니다. 좋은 강의 감사합니다

  • react
Phoebe Yoon 댓글 1 좋아요 0 조회수 321

로그아웃 버튼을 로그인 상태일 때만 보이게 해주고 싶은데 store 안에 있는 값들을 어떻게 접근해야 할지 모르겠습니다..ㅠㅠ

미해결

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

LandingPage에 있는 로그아웃 버튼을 로그인 했을때만 볼 수 있게 해주고 싶어서 Store 안에 loginSuccess 값이나 userId 값을 체크해서 값이 존재 할때만 버튼을 렌더해주려고 하는데 이 값들을 어떻게 접근해야 할지 모르겠습니다ㅠㅠ

  • react
  • nodejs
chrisms91 댓글 1 좋아요 0 조회수 166

댓글에 writer 정보가 넘어오지 않습니다

미해결

따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기

안녕하세요. 강의 재미있게 잘 듣고 있습니다! 다름이 아니라 며칠째 해결해보려고 올려두신 github 소스코드와 비교하며 해결해보려고 했으나 좀처럼 해결이 되지 않아 질문 드립니다. 댓글 기능 (3) SingleComment의 약 15분 경에 해당하는 댓글 리스트를 console에 찍어내는 것까지는 성공했습니다. 이를 화면에 출력하고자 하는데 댓글 내용은 잘 나오지만 댓글 작성자의 이름과 프로필 사진이 나타나지 않는 문제가 발생하였습니다. 출력된 에러 메세지는 다음과 같습니다. console.log로 props.comment.writer.name을 출력하면 잘 나오기는 하던데 어떤 부분이 문제인지 알 수 있을까요?? https://github.com/coding-Benny/react-youtube-clone

  • react
  • mongodb
  • nodejs
  • redux
이정현 댓글 1 좋아요 0 조회수 255

마지막 강의 auth 부분 질문 있습니다

해결됨

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

export default function (SpecificComponent,option,adminRoute = null) { function AuthenticationCheck(props) { const dispatch = useDispatch(); useEffect(() => { dispatch(auth()).then(response => { if(!response.payload.isAuth) { if(option) { props.history.push('/login') } } else { if(adminRoute && !response.payload.isAdmin){ props.history.push('/') } else { props.history.push('/') } } }) }, []) return( <SpecificComponent/> ) } return AuthenticationCheck } 요즘 웹에 빠져서 프론트랑 백엔드 강의를 보는데 재밌는 강의 올려주셔서 감사합니다 !! 궁금한 건 예를들어서 로그인이 필요한 페이지에 로그인 없이 접근한다해도 결국 마지막엔 <SpecificComponent/> 이걸 리턴시켜줘서 렌더링이 될거라고 생각을 했는데요 그런데 useEffect라는 함수를 찾아보면 렌더링이 될 때 특정 작업을 수행해주는 함수라고 했고 느리게 잘 보면 로그인이 필요한 페이지에 로그인 없이 접근할 때 한 0.2초 정도는 잠깐 페이지가 뜨지만 바로 사이트 접근이 안되더라구요 그래서 useEffect 함수를 사용해서 return을 통해 랜더링을 하고 인증 확인 절차가 가능한 부분이구나 했는데 위에 있는 코드에서 useEffect 함수를 안쓰고 해도 로그인이 필요한 페이지에 로그인 없이 접근이 안되는 건 같아서요 그럼 결국 if문에 있는 props.history.push 코드가 실행이 되면 밑에 return <SpecificComponent/> 까지 코드가 진행이 안되고 바로 넘어가는거라고 이해해야하나요??? 제가 아직 자바스크립트에 대한 이해가 부족해서 이상한 질문일수도 있지만 궁금해서 질문해봅니다 감사합니다!!

  • nodejs
  • react
위고잉업 댓글 2 좋아요 0 조회수 188

ref 관련 질문드립니다

해결됨

웹 게임을 만들며 배우는 React에 TypeScript 적용하기

안녕하세요 강의 수강 중 궁금한 점이 생겨 질문드립니다 1. function useRef <T>(initialValue : T | null ) : RefObject<T>; 2. function useRef <T>(initialValue : T ) : MutableRefObject<T>; 3. function useRef <T = undefined >() : MutableRefObject<T | undefined >; setTimeout, useRef 타이핑 강의 끝부분에서 <T>를 <number | null> 을 줬습니다. 그러면 2번 꼴이 만들어지는 거를 확인할 수 있었는데요, 그럼, <number> 만 잇엇을때에도 똑같이 Mutable~ 로 인식할수잇다고 생각햇는데, 제가 어디를 놓친건지 알려주시면 감사하겟습니다

  • react
  • typescript
devsn 댓글 2 좋아요 1 조회수 318

TicTacToe.jsx reducer 부분 질문입니다

해결됨

웹 게임을 만들며 배우는 React

case CLICK_CELL : const tableData = [... state . tableData ]; tableData [ action . row ] = [... tableData [ action . row ]]; // immer라는 라이브러리로 가독성 해결 tableData [ action . row ][ action . cell ] = state . turn ; // console.log(tableData[action.row]); return { ... state , tableData , recentCell : [ action . row , action . cell ], } 위 코드에서 tableData [ action . row ], [... tableData [ action . row ]] 두 값이 동일한데 [... tableData [ action . row ]] <-- 이 배열을 대입해주는 이유가 있을까요? 콘솔로 찍어봐도 동일한값으로 나오길래 주석처리하고 진행해보니 정상작동은 하는데 최적화 부분에서 memo를 적용했을 때 렌더링이 정상적으로 되지 않더라구요 어떤 이유 때문에 위와 같은 현상이 생기는지 알 수 있을까요?

  • react
tkdals9048 댓글 2 좋아요 1 조회수 237

선생님 제발 도와주세요

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

삭제된 글입니다

  • react
  • nodejs
댓글 3 좋아요 0 조회수 80

리덕스 어렵네요.

미해결

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

강의 잘보고있는데 너무 어렵네요. 1. user_action.js에서 user_reducer.js와의 연결고리가 없는데 어떻게 저파일을 찾아가는건지 궁금합니다. 2. types.js에 LOGIN_USER= "login_user" 지정해주는데 "login_user" 값은 어디서도 사용안된 값인데 왜 저리 지정되는지도 모르겠는데 답변주시면 많은 도움이 될거 같습니다.

  • nodejs
  • react
다커스 댓글 1 좋아요 1 조회수 250

에러 처리 질문

미해결

실전 리액트 프로그래밍

안녕하세요. 강의를 따라 코드를 치던 중 화면과 같은 에러가 발생했습니다. 검색 후 상단에 보이는 것처럼 코드를 추가하였지만 해결되지 않고 있습니다. 어떻게 하면 될까요?

  • react
  • redux
ii Tt 댓글 3 좋아요 0 조회수 607

vscode 에서 vim 으로 .env 파일을 만드는데 안되요...

미해결

[리뉴얼] React로 NodeBird SNS 만들기

vscode에서 git bash 로 사용 했는데 다 작성하고 esc 누르고 wq 누르고 엔터 눌러도 반응이 없습니다..

  • react
  • redux
  • nodejs
  • express
  • Next.js
문성민 댓글 2 좋아요 0 조회수 504

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>부분에 무엇을 넣느냐를 고민하고 있고, 여러 시도를 해봤는데 진전이 없어서 질문드립니다. 감사합니다

  • nodejs
  • react
June 댓글 3 좋아요 0 조회수 431

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
  • nodejs
villena 댓글 6 좋아요 3 조회수 551

이미지 업로드 -> 취소 -> 업로드 관련 질문

미해결

[리뉴얼] React로 NodeBird SNS 만들기

이미지 업로드와 관련해서 궁금한게 있습니다. 업로드 버튼을 눌러 이미지를 하나만 선택한 뒤 제거 버튼을 눌러 제거하면, 다시 같은 이미지를 선택했을 때 업로드가 안됩니다. 에러가 발생하는 게 아니라 아예 UPLOAD_IMAGES_REQUEST 액션이 디스패치되지 않아요. 제 나름대로 코드를 살펴봤지만 액션이 디스패치되지 않는 이유를 알 수가 없습니다. 원인이 뭔지 알려주시면 감사하겠습니다.

  • redux
  • nodejs
  • express
  • react
  • Next.js
Minsub Yoon 댓글 2 좋아요 1 조회수 384

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

  • react
  • nodejs
댓글 2 좋아요 4 조회수 342

화면(=크롬 개발자도구console에) 아래와 같은 오류가 발생하는데ㅠㅠ....

미해결

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

화면에(=크롬 개발자도구 Console에) "Store does not have a valid reducer. Make sure the argument passed to combineReducers is an object whose values are reducers." 라는 오류가 찍히는데ㅠㅠ...구글링해봐도 무슨말인지 이해가 잘 되지 않습니다ㅠㅠ....

  • react
  • nodejs
댓글 3 좋아요 0 조회수 3104

안녕하세요! 2시간 내내 구글링해도 해결을 못하여 질문합니다ㅠㅠ

미해결

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

안녕하세요. 좋은강의 올려주신거 열심히 따라 하고있는데ㅠㅠlandingpage에서 화면에 뿌릴 txt입력후 실행하면 화면에 아래와 같은 오류가 발생합니다. 구글링 아무리 해도 해결을 못하여ㅠㅠ질문드립니다ㅠㅠ 감사합니다

  • react
  • nodejs
댓글 1 좋아요 0 조회수 297

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 위와같은 오류가 발생하는데, 어떻게 해야하나요?

  • nodejs
  • react
댓글 2 좋아요 0 조회수 957

findByToken이 정상작동 안해서 한시간 씨름했는데요

미해결

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

강사님이 토큰키로 넣으신 'secretToken'은 sign은 되는데 verify가 안됩니다. ㅠㅠ 찾아보니 base64어쩌구는 나오는데 이유는 모르겠네요 그냥 '1234'넣어주니 인코딩 디코딩 정상작동합니다.

  • nodejs
  • react
고명우 댓글 2 좋아요 1 조회수 323

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&hellip;", method: "post", data: "{"email":"&hellip;", &hellip; } error (pin) : true 강사님 깃헙 코드랑 비교하면서 계속 확인해도 문제가 계속 발생하는데 어디서 문제인 것인지 감이 오지 않습니다 ㅜㅜ 유튜브 댓글에 다른 분도 proxy 문제였는줄 알았다가 디렉토리 이름 문제였다고 하고ㅜㅜ localhost도 서버쪽은 5000으로 맞춰놨거든요.... 깃헙에 코드는 업로드 하였습니다. https://github.com/comejtome508/Practice_boilerplate

  • react
  • nodejs
Youngnoh Goh 댓글 4 좋아요 1 조회수 26928

heroku 관련 질문입니다

미해결

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

안녕하세요. 강의 너무나 잘 보고 있습니다. 이번 강의를 수강하는 도중에 갑자기 heroku가 갑자기 나오길래 이전 강의에서 놓친 부분이 있나 확인해보았는데 그 전에 언급하신 적은 없더라구요. 저는 아직 heroku를 사용해 본적이 없어서, heroku 홈페이지에서 계정을 만든 후, app을 만든다음, setting 부분의 Config vars에서 강의에서 하신 것 처럼 MONGO_URI를 추가하였습니다. npm run start는 정상적으로 작동을하는데, 혹시 제가 추가적으로 setting을 해야할 것들이 있을까요?

  • react
  • nodejs
ibtg 댓글 2 좋아요 11 조회수 321

인기 태그

인프런 TOP Writers

주간 인기글