무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
TypeError: Cannot read property 'original_title' of undefined
MovieInfo.js에서 계속 typeError가 생깁니다. TypeError: Cannot read property 'original_title' of undefined MovieInfo C:/Users/su/Desktop/node_js/boilerplate-mern-stack-master/client/src/components/views/MovieDetail/Section/MovieInfo.js:11 8 | 9 | return ( 10 | <Descriptions title ='Movie Info' bordered>> 11 | <Descriptions.Item label='Title'>{movie.original_title}</Descriptions.Item> | ^ 12 | <Descriptions.Item label='release_date'>{movie.release_date}</Descriptions.Item> 13 | <Descriptions.Item label='revenue'>{movie.revenue}</Descriptions.Item> 14 | <Descriptions.Item label='runtime'>{movie.runtime}</Descriptions.Item> 검색해보면 Html이 실행될떄 정보값이 없어서 생기는 것 같은데.. MovieDetail.js에 들어가서 {MovieDetail && 이렇게 처리해도 안되고 어떻게 헤애할지 모르겠녜요 ..
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
504(Gateway Timeout)에러
강사님!! Favorite버튼만들기(2)까지 강의듣고 MovieDetail/Sections/Favorite.js 에 서버단에서 받은 data 콘솔에 출력하는 것까지 똑같이 진행했는데 실행하니 콘솔에 위와같이 504에러뜨면서 favoriteNumber를 확인할 수 없네요.. 어떻게 해결할 수 있을까요..ㅠ 제 코드 링크 올려드립니다.. 한 번 확인해주시면 정말 감사드리겠습니다..ㅠ 링크 : https://github.com/moonyy7012/MovieApp-Website-clone-coding-
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
LandingPage.js .map(콜백함수)
LandingPage.js .map(콜백함수) 화살표로 표현해주실때 보통 ( ) => { } 이렇게 중괄호를 써왔는데 <Row gutter ={[16, 16]}> {Movies && Movies.map((movie, index)=>( <React.Fragment key={index}> <GridCards landingPage image={movie.poster_path ? `${IMAGE_BASE_URL}w500${movie.poster_path}` : null } movieId={movie.id} movieName={movie.original_title} /> </React.Fragment> ))} </Row> 이부분에서는 왜 Movies.map((movie, index)=>( ) 괄호로 사용되었는지 궁금합니다!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
504 에러
안녕하세요 강사님 fetch로 데이터를 받아오는데 계속 504 (Gateway Timeout)에러가 나오네요 ... 이유가 무엇일까요 ㅠ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
강의자료 질문입니다
안녕하세요. 기본강의 듣고 넘어 왔습니다. 기본강의에서는 강의자료 HTML 버젼이 있어서 보기 쉬웠는데 이번 자료는 XML이라 XML HTML로 변환도 해보고 했는데 잘 안되네요 다른 방법있을까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
아래 질문자인데 추가 질문 있습니다.
바로 아래 질문자입니다. 아래질문 에대한 답변은 아직 못들었지만 우선 Chrome 상에서는 떠서 다음 step GridCards 까지 하고 있습니다. GridCards 쪽을 다 마추었떠니 poster image는 뜨지 않고 포스터 틀 보더 한개만 그려졌습니다. 혹시 코딩 오류인가 해서 지워 보고 다시 다 타이팅을 쳐봐도 똑같이 뜹니다. 3번이나 동영상을 반복해서 봐도 아직 혼자 원인을 찾지 못하였습니다. 20개 image 가 뜰 수 있게 도와주시면 고맙갰습니다. inspect console inspect Element inspect networks 뜬 현상
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
막 시작했는데 2가지 질문있습니다.
어제부터 시작해서 지금 4번째 스텝인 Landing Page 쪽 하고 있습니다. 우선 npm run dev 로 실행은 되었는데 실행 뜨면서 빨간 문장 하나와 404 내용이떠서 문제 있는 에러인가 잘 모르겠습니다. 두번째는 실행하고 inspect 눌러 console 확인하였는데 object값 20개 results 값은 잘 나왔습니다. 그런데 동영상과 다르게 2개의 code 504 가 포함되 2개 의 문장이 뜹니다 문제 있는것인지와 없에고 십으면 어떻게 해야되는지 물어보고 싶습니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
[도와주세요] Movies 값 넣기가 안되네요...
response.results로 불러온 영화 데이터 값들을 Moives에 넣을 수가 없네요... 아래는 log 를 찍어봤는데, Movies1, Movies2로그를 확인 부탁 드립니다. const [Movies, setMovies] = useState([]); const [MainMovieImage, setMainMovieImage] = useState(null); useEffect(() => { const endpoint = `${API_URL}movie/popular?api_key=${API_KEY}&language=en-US&page=1` fetch(endpoint) .then(response => response.json()) .then(response => { console.log('response : ', response); setMainMovieImage(response.results[0]); setMovies(response.results); console.log('Movies1 : ', Movies); setMovies([response.results]); console.log('Movies2 : ', Movies); }); }, [])
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
Error: listen EADDRINUSE: address already in use :::8080 에러가 계속 납니다.
안녕하세요?? 좋은 수업 너무 감사드려요~ node:events:342 [0] throw er; // Unhandled 'error' event [0] ^ [0] [0] Error: listen EADDRINUSE: address already in use :::8080 [0] at Server.setupListenHandle [as _listen2] (node:net:1306:16) [0] at listenInCluster (node:net:1354:12) [0] at Server.listen (node:net:1441:7) [0] at Function.listen (/Users/choisewon/Desktop/React/MovieWeb-master/node_modules/express/lib/application.js:618:24) [0] at Object.<anonymous> (/Users/choisewon/Desktop/React/MovieWeb-master/server/index.js:52:5) [0] at Module._compile (node:internal/modules/cjs/loader:1109:14) [0] at Object.Module._extensions..js (node:internal/modules/cjs/loader:1138:10) [0] at Module.load (node:internal/modules/cjs/loader:989:32) [0] at Function.Module._load (node:internal/modules/cjs/loader:829:14) [0] at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:76:12) [0] at node:internal/main/run_main_module:17:47 [0] Emitted 'error' event on Server instance at: [0] at emitErrorNT (node:net:1333:8) [0] at processTicksAndRejections (node:internal/process/task_queues:83:21) { [0] code: 'EADDRINUSE', [0] errno: -48, [0] syscall: 'listen', [0] address: '::', [0] port: 8080 [0] } [0] [nodemon] app crashed - waiting for file changes before starting... favorite강의 들어가면서 계속 이러한 에러가 뜨는데요. 몇일동안 아무리 찾아도 이유를 알지 못하겠네요 ㅠㅠ 도움 주시면 감사드리겠습니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
remove router 관련 질문입니다.
MovieDetail 페이지에서 Favorite 버튼 기능 중 Favorite 상태를 지울 때 만든 removeFavorite router와 FavoritePage에서 remove 버튼을 만들 때 만든 removeFromFavorite router는 이름만 다르고 안의 함수 내용은 똑같은데 둘이 구분할 필요가 있나요? 그냥 removeFavorite으로 사용해도 원하는 기능은 구현이 가능한데 이런 경우에 같은 기능을 하는 라우터라도 사용하는 부분이 다르면 구분을 해주는 것이 좋은지 궁금합니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
무비디테일 response 과정
(사진)
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
아래 질문자입니다.
서버에서도 에러는 안 떠서요.. 어떻게 확인할 방법이 저로써는 없네요 ㅠㅠ 도와주세요 사진이 나옵니다.. https://github.com/cho44669/cho44669.git
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
안녕하세요 ㅎㅎ 문제점 좀 찾아주세요
porps에서 오는 부분도 콜솔로 찍어서 봤는데 잘되고 있습니다. 에러도 없구요 근데 사진이 나오지 않네요.. api키도 문제 없구요 문제가 뭘까요 ㅠㅠ https://github.com/cho44669/cho44669.git
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
선생님 안녕하세요! mongoDB에서 cluster 연결 문제 때문에 질문 드려요!
먼저 항상 좋은 강의를 만들어 주셔서 너무나 감사의 인사를 먼저 드립니다!! 제가 mongoDB 연결에 막혀 다음 진도를 나가지 못하고 있는데요 .. 영상에 올려주신것처럼 mongDB 사이트에 들어가서 Clusters를 만들어 준 다음 connect 들어가서 가운데 링크 복사해서 index.js에 붙여주는것 까지 했는데요! 아이디와 비밀번호를 정확하게 기입 후에 npm run start를 했는데 계속 err 가 나와서 어떻게 해결해야할지 몰라 질문드립니다 ㅠㅠ! 추가적으로 혹시 mongoDB가 연결 안된다면 그 부분은 빼고 수업을 들어도 될까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
state관련 궁금증입니다.
안녕하세요 선생님 양질의 강의 정말 잘 듣고 있습니다 질 좋은 강의를 듣게 해주셔서 감사의 말씀 먼저 드립니다. 질문 사항이 생겨 다음과 같이 질문을 남깁니다. 1. setMovies([...response.results]) 이 부분이 제가 맞게 이해를 한건지 모르겠습니다. 전개연산자를 사용하지 않는다면 [ [ {...}, {...} ] ]가 되어 형식에 맞지 않게 되어서 전개 연산자를 사용했고, 전개연산자는 배열 그대로를 사용할 수 있기에 [ ]안에 [ {..}, {..} ] 안의 {..} 들만 저장된다라고 이해를 했습니다. 제가 맞게 이해를 했을까요?? 2. state 다음 코드에서 setMovies로 response.results를 배열안에 저장하고 console.log로 Movies를 찍어봤는데 빈 객체만 출력되었습니다. 그리고 ...Movies를 찍어보면 정상적으로 출력이 되었습니다. 이것도 윗부분과 마찬가지로 형식이 달라서 출력이 안된거라고 이해를 하면 될까요??? ㅜㅜ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
Axios , Router ?
안녕하세요 선생님 . 질문이 있어서 글을 올리게 됐습니다. 제가 Axios 와 Express.Rotuer의 차이를 알아보고 있는데 이 프로젝트의 경우에는 Axios 와 Router 를 섞어가면서 사용했더라구요. Axios 와 route를 사용할 때의 예시를 알 수 있을까요 ?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
Install error뜨셨을때 저는 이렇게 수정했습니다..
하기 앞서 강사님께서 읽어보시고 틀린 부분이 있다면 댓글로 작성부탁드립니다! -- 본론 -- 맞는지는 모르겠습니다. 하지만 오류가 수정되었고, 수정된 후 취약점이라는 부분들이 있어서 취약점 수정까지 공유해봅니다. cmd를 관리자모드로 실행해주시고, npm install --global --production windows-build-tools 를 써줍니다. 그 후에 터미널로 오시던지 cmd에서 하시던지 상관없는거 같은데 저는 터미널로 돌아왔습니다. 그 후에 npm install을하면 에러는 사라지는데 취약점이라고 install을하면 하단에 found 0으로 떠야하는데 숫자가 붙으실수도있습니다. 개인적으로 취약점을 해결해야 프로그램이 돌아가는지 아닌지를 몰라서 최대한 취약점을 수정하는 방법을 선택했습니다. 방법은 일단 npm audit fix를 하셔서 npm안에서 고칠수 있는것들은 고쳐줍니다. 그후에 다시 install을하시면 found의 숫자가 줄어들거나 그대로일텐데 아직도 0이 아니시라면 npm audit를 검색해보시면 그 취약점에 대한 정보들이나오고 링크가 나옵니다. 링크에 접속해보시면 해결방법이 나오는데 대부분 버전업데이트를 하라는것이었습니다. 그래서 저는 터미널로 다시돌아와서 npm i -g npm 명령어를 쳐서 버전업데이트를 해주었고 취약점들이 많이 잡혔습니다(g를 빼시면 해당 폴더?만 업데이트되는것같습니다) 물론 아직 취약점들이 몇가지남긴했지만 프로젝트하면서 문제가 생길시 수정해야할 것 같습니다. 저처럼 이것떄문에 진행을 못해서 헤메고 계시는 분들한테 도움되었으면합니다. ㅠ 저는 3시간동안 찾아서 겨우 했어요! 그리고 강사님 항상 양질의 강의 감사드립니다! 열심히 배워서 취업뿌실게요! 다들 파이팅!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
Landing Page만들기 질문
안녕하세요! 무비앱시리즈 #4 Landing page만들기를 하고 있습니다 api key 요청시에 강사님처럼 바로 v3 auth key가 나오지 않고 요청된 상태인채로 (You currently have a pending API key request.) 계속 있길래 그냥 강의에 있는 886dba6c33e264d34c0abd935132f119 코드를 똑같이 사용했습니다. 그런데 endpoint를 넘기는 부분에서 업로드한 이미지처럼 request 부분 오류가 나는데 url은 문제가 없어보여서 질문드립니다. 이부분 요청을 수행 못해서 이미지나 영화정보가 화면에 나오지 않습니다 어떻게 해야될까요??
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
api key요청에 원래 시일이 좀 걸리나요?
api요청에서 다 작성하고 submit 누르니 보류중이라 나오는데요. 강의보면 바로 사용가능한것 같은데 지금은 요청 허가날때까지 기다려야하는건가요? 아니면 바로 사용할수 있는 다른 방법이 있을까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
redux 관련
안녕하세요 완강해서 강의 정말 잘 들었습니다. 감사합니다! 다시 코드를 자세히 분석해보고있는데 한가지 궁금한 점이 있습니다. redux-thunk와 redux-promise를 둘 다 사용하는데 혹시 둘의 차이점과 같이 써야만 하는 이유를 알 수 있을까요? 검색을 해보았는데 thunk도 promise를 반환 할 수 있는 것 같아서 이부분이 많이 헷갈립니다 ㅠ 답변 부탁드리겠습니다. 감사합니다.