무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
axios와 fetch 차이가궁금합니다.
endpoint에 url 담아서 서버로 통신할때 axios 와 fetch의 차이가 있나요? fetch대신에 axios를 쓰면 어떻게되나요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
Movie Details 페이지의 댓글작성 기능
안녕하세요~ 5일동안 클론코딩하면서 영화이트를 만들어봤습니다. 너무 유익했어요 ㅎㅎ 궁금한점이 있는데, 소개영상에는 Movie details 페이지에 유저가 댓글 남기는 기능도 잇던데 강의에 그 부분은 빠진 건가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
favorite 변수변화
강의와 관련있는 질문을 남겨주세요.• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)• 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달에도 요령이 필요합니다.• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요! 구체적인 질문일수록 명확한 답을 받을 수 있어요.• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다. 기본적인 예의를 지켜주세요.• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다. 안녕하세요~ add to favorite 버튼을 클릭하면 FavoriteNumber와 Favorited 변수 set을 바꾸는데 set 전 후 콘솔창에 띄어보니까 차이는 없는데 화면상으로는 잘 됩니다. set한 후에도 바뀌지 않는 이유가 궁급해서 질문드립니다~!! 소스코드
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
Diagram도 제공해주실수 있나요?
안녕하세요 기본강의 잘듣고 여기로 넘어왔습니다! 기본강의에선 Diagram이 있어서 보면서 좀더 편하고 유익하게 공부했습니다 이강의에서도 Diagram제공이 가능하면 올려주시면 감사하겠습니다~
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
안녕하세요
이런 에러가 자꾸 뜨길래 아래와 같이 { Movie && < MainImage ~~~ } 로 Movie가 있을 경우에만 수행하게끔 했는데, 똑같은 에러가 뜨길래 {Movie.backdrop_path && ~~ }로 고치니까 에러가 없어지더라구요! Movie자체는 있는데 Movie안에 backdrop_path가 없다는건데 이런 경우가 있을 수 있나요 ????
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
favorite 라우터에서요.
https://github.com/jaewonhimnae/react-tmdb-app/blob/master/server/routes/favorite.js 안녕하세요! 강의 잘듣고 있습니다. res.status(200)하는 부분에서 어떤 부분은 return 문을 쓰시고 어떤 부분은 return문이 안쓰여서요. 차이점이 있을까요. 아니면 return문을 안써도 자동으로 리턴이 되게 된것인지 궁금합니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
메인이미지 load more 버튼 클릭할때 마다 바뀜
안녕하세요. 좋은 강의 감사드립니다. 강의를 듣고 따라하다가 load more 버튼을 클릭하면 메인이미지가 새로운 페이지의 처음 이미지로 바뀌고 에러를 띄웁니다. 그래서 선생님 git에서 선생님의 소스를 보니 setMainMovieImage(MainMovieImage || response.results[0]) 이렇게 되어 있어서 이렇게 수정하니 제대로 나옵니다. setMainMovieImage(response.results[0]) 이렇게 되어있습니다. 그런데 이 소스는 무슨 뜻인지 설명좀 부탁드립니다.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
mainImage관련해서 오류가 나는데요
import React from "react"; function MainImage(props) { return ( <div style={{ // MainImage 5번째줄 background: `linear-gradient(to bottom, rgba(0,0,0,0) 39%,rgba(0,0,0,0) 41%,rgba(0,0,0,0.65) 100%), url("${props.image}"), #1c1c1c`, height: "500px", backgroundSize: "100%, cover", //이거랑 backgroundPosition: "center, center", //이거 빼면 오류가 사라지긴 하는데 width: "100%", position: "relative", }} > MovieDetail.js return ( <div> {/* header */} <MainImage // 33번째줄 image={`${IMAGE_BASE_URL}w1280${movie.backdrop_path}`} title={movie.original_title} text={movie.overview} // /> {/* body */} <div style={{ width: "85%", margin: "1rem auto" }}> {/* movie info */} <MovieInfo movie={movie} /> 해결 방법이 무엇일까요?? backgroundSize: "100%, cover", //이거랑 backgroundPosition: "center, center", //이거 빼면 오류가 사라지긴 하는데 이 두개 없애면 오류가 사라지긴하는데 해결 방법이 무엇일까요 ㅠㅠ 일단 강의 처음부터 다시 들을려구용 ㅎㅎ
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
mongodb연결시 질문입니다!
code를 복사하는 부분이 영상과 다른데 dbname은 어떤 것을 넣어야하나요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
궁금한게 있습니다.
왜 이런 좋은 퀄리티의 강의들을 대부분 무료로 풀고 계신가요? 강의자님의 꿈은 무엇인지 물어봐도 될까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
GET http://image.tmdb.org/t/p/w1280undefined 404 (Not Found) 에러
랜딩페이지에서 영화를 선택하면 디테일 페이지에서 메인 이미지가 제대로 나오면서도 에러 메시지가 GET http://image.tmdb.org/t/p/w1280undefined 404 (Not Found) 나옵니다. <MainImage image={`${IMAGE_BASE_URL}${IMAGE_SIZE}${Movie.backdrop_path}`} 부분이 것 같은데 F12 로 보면 늘 나오고 있습니다. 다른 페이지에서는 나타나지 않고요. 수고하세요.
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
movieimage가 안뜨네요...
{Movies && Movies.map((movie, index) => ( <React.Fragment key={index}> <GridCards image={movie.poster_path ? `${IMAGE_BASE_URL}w500${movie.poster_path}` : null} movieId={movie.id} movieName={movie.original_title} /> </React.Fragment> ))} 이거의 결과값이 계속 null값이 뜹니다.. 이유가 뭘까요 ㅠ <Col lg={6} md={8} xs={24}> <div style={{position:'relative'}}> <a href={`/movie/${props.movieId}`}> <img style={{width:'100%',height:'320px'}} src={props.image} alt={props.movieName}/> </a> </div> </Col>
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
setMovies([...Movies, ...response.results]) 에러
Unhandled Rejection (TypeError): response.results is not iterable 첫 화면은 잘 보이지만,더보기 버튼 setMovies([...Movies, ...response.results]) 에서 에러가 발생되었습니다. 여러번 검토 했는데 발견하지 못했습니다. 다른 이유가 있는 지요.수고하세요
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
선생님 로긘해서 Favorite컴포넌트를 확인하려하면 메인화면으로 리턴됩니다 ㅠㅠ
로그인해서 그리드카드를 눌러서 세부화면으로 들어가는순간 메인화면으로 돌아가버립니다. 로그아웃한 상태에서는 정상적으로 표시되구요 혹시짐작가는부분 있으신가요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
몽고디비 처음 시작할 때 setup connection security
IP 주소는 자동으로 설정되는 것으로 하면 되나요? mongodb user또한 그냥 임의로 설정하면 되는지 궁금합니다!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
안녕하세요 Favorite기능에 새로고침시 버그가 있어 질문드립니다
초기에 설정한 const [Favorited,setFavorited] = useState(false) 때문에 Favorited가 true일때도 새로고침시 Favorited가 false로 변합니다 ㅜㅜ 어떻게하면 예전 상태를 기억할 수 있게 하나요??
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
Favorite.find()
Favoirte.find({"movieId": req.body.movieId})가 반환하는 게 쿼리?라고 봤는데 [1,2,3],즉 배열의 형태로 반환되는 이유를 알 수 있을까요? 쿼리면 { } 식으로 되야 하는 것 같은데 favoirte Schema에서도 []형태로 필드를 정한 적도 없는데 저리 나오는 게 궁금해서요!
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
와하하
test입니다.
- 해결됨따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
cast.profile.path가 null일때
cast.profile.path가 null일때 다음 이미지와 같이 레이아웃이 깨져서 이거를 로컬에 있는 이미지로 대체하려는데 이때 express.static을 써주면 되는 것일까요?
- 미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
선생님... Movies가 불러지지가 않습니다 ㅠㅠ 어케된걸까요
import React,{useEffect, useState} from 'react' import { FaCode } from "react-icons/fa"; import {API_URL, IMAGE_BASE_URL, API_KEY} from '../../Config'; import MainImage from './Sections/MainImage' import GridCards from '../common/GridCards' import {Row} from 'antd'; function LandingPage() { const [Movies, setMovies] = useState([]); const [MainMovieImage, setMainMovieImage] = useState(null); function hookFunction(Movies, MainMovieImage){ setMainMovieImage(MainMovieImage) // setMainMovieImage(response.results[0]) setMovies([Movies.results]) console.log(`Movies-> ${Movies}`, `MainMovieImage-> ${MainMovieImage}`); } function MoviesCall(){ Movies.map((movie, index) => { console.log(index); }) } useEffect(() => { const endpoint = `${API_URL}movie/popular?api_key=${API_KEY}&language=en-US&page=1`; fetch(endpoint) .then(response => response.json()) .then(response =>{ hookFunction(response.results, response.results[0]) } ) return () => { console.log("I'm dying..."); } }, []) return ( <> <div style={{width:'100%', margin:'0'}}> {/* path오류는 값을 가져오기전 랜더링해버려서 그럼 */} {/* MainImage */} {MainMovieImage && <MainImage image={`${IMAGE_BASE_URL}w1280${MainMovieImage.backdrop_path}`} title ={MainMovieImage.original_title} text = {MainMovieImage.overview} /> } <div style={{width:'100%', margin:'1rem auto'}}> <h2>Movies by latest</h2> <hr/> {/* GridImage */} <Row> {Movies && Movies.map(function(movie, index){ console.log(`movie->>>${movie}`); })} </Row> </div> <div style={{ display:'flex', justifyContent:'center' }}> <button> Load More </button> </div> </div> </> ) } export default LandingPage useEffect부분에서 호출해서 Movies값이 출력되는 것을 확인했는데요 렌더링부분에서 undefined가뜹니다. useEffect가didMount뒤에 부른다면 딱히 값이 없어질 타이밍이 없는거같은데 어떻게된걸까요??