55,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결따라하며 배우는 리액트 A-Z
도커 포트
안녕하세요, react 도커파일 작성 및 docker run을 해줬는데요, (port 10001:10001) localhost:10001이 들어가지지 않는데,, 별도의 설정이 필요할까요?
- 미해결따라하며 배우는 리액트 A-Z
netflix modal props 문의
강사님!강의 너무 잘 듣고 있습니다.netflix modal 강의중에 state를 props로 모달에 전달해 줄때 전개연산자(movieSelected)로 전달한 이유가 궁금합니다.테스트로 movieSelected = { movieSelected } 로 했을때 모달에 데이터가 제대로 넘어가지 않는것을 확인하였습니다. state 가 {} 객체인 경우라서 그런건지 문의 드립니다.{ modalOpen && <MovieModal {...movieSelected} setModalOpen={setModalOpen} /> } ... MovieModal : index.js function MovieModal({ backdrop_path, title, overview, name, release_date, first_air_date, vote_average, setModalOpen })
- 미해결따라하며 배우는 리액트 A-Z
동영상이 흐릿하게 나옵니다
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 넷플릭스 실습을 하면서 iframe을 사용해 유튜브에서 동영상이 나오게 하는거 까지는 완료가 되었습니다.그런데 재생버튼을 누르고 영상이 시작되면 그림처럼 흐릿하게 나오는데 왜 그런걸까요?
- 미해결따라하며 배우는 리액트 A-Z
디버깅 방법
안녕하세요, combineReducer 강의까지 들었고 코드 따라했는데,, 아무런 출력도 없이 밑의 에러가 콘솔에 뜹니다 ㅠ 어떤 부분을 봐야할지 감이 안 오는데요, 이런 경우에 어떤 라인에서 에러가 발생했는지 알 수 있는 방법이 있을까요?
- 해결됨따라하며 배우는 리액트 A-Z
AxiosError 도와주세요...
import axios from '../../api/axios'; import React, { useEffect, useState } from 'react' import { useParams } from 'react-router-dom' export default function DetailPage() { const { movieId } = useParams(); const [movie, setMovie] = useState({}); useEffect(() => { async function fetchData() { const request = await axios.get(`/movie/${movieId}`); // setMovie(request.data); console.log(request); } fetchData(); }, [movieId]) // if (!movie) return null; console.log(movie); return ( <section> <img className='modal__poster-img' src={`https://image.tmdb.org/t/p/original/${movie.backdrop_path}`} alt="modal__poster-img" /> </section> ) } 안녕하세요, 위와 같이 디테일페이지 코드를 영상을 보면서 하고 있는데.. 콘솔에서 리퀘스트를 불러올 때 에러가 뜹니다.Uncaught (in promise) AxiosError {message: 'Request failed with status code 404', name: 'AxiosError', code: 'ERR_BAD_REQUEST', config: {…}, request: XMLHttpRequest, …} 디테일 페이지에서만 위와 같은 에러가 왜 뜨는 건지 모르겠어서 문의글 남깁니다 ㅠㅠ
- 미해결따라하며 배우는 리액트 A-Z
the moviedb api 키 받기
안녕하세요.api키를 발급 받으려고 하는데 첨부한 이미지의 항목들이 필수 항목인데 이 중 어플리케이션 url은 어떤걸 써야하나요? 제가 강의 내용중에 놓친것인지 몇번을 들어도 해당 내용이 나와서 질문드립니다.ㅠㅠ
- 미해결따라하며 배우는 리액트 A-Z
redux createStore deprecated....
안녕하세요 강사님 현재 리덕스 공부중에 있습니다.createStore를 쓰려고 했더니 deprecated 메시지가 뜨면서 reactjs/toolkit 패키지의 configureStore 메서드를 쓰라고 합니다. 이렇게 공부한 함수가 deprecated 되거나 잘 쓰지 않는 함수 일때는 그래도 redux를 이해하는데 기본이 되는 함수이니 계속 공부를 해야 되나요? 아니면 새로운 메소드를 공부해 보는 편이 좋나요??
- 미해결따라하며 배우는 리액트 A-Z
useEffect 관련 문의
react 기능 중 useEffect 사용을 언제 해야 하는지 잘 판단이 안될때가 많습니다.강의 듣는중에 화면 rendering과 관련된 곳에 useEffect를 사용한다고 말씀하신것 같습니다.그럼 입력박스에 텍스트가 입력되면서 onChange 이벤트로 인해 화면 rendering이 발생하여 useEffect를 적용하고, 넷플릭스 Navigation bar의 스크롤시 화면 rendering으로 인해 window.addEventListener 를 useEffect로 감쌌다고 이해하면 맞는건지 문의 드립니다.
- 미해결따라하며 배우는 리액트 A-Z
클래스명 __ 사용 이유에 대해 질문드립니다.
클래스명 사용 시 아래와 같이 언더바 두 개를 사용하셨는데 특별한 이유가 있는지 궁금합니다.className="nav__input"
- 미해결따라하며 배우는 리액트 A-Z
넷플릭스 소스코드는 어디서 볼수있나요
넷플릭스 css부분 코드를 보고싶어서요 ,
- 해결됨따라하며 배우는 리액트 A-Z
useState 관련 질문합니다.
안녕하세요영상에서 보면 useState 이름 작성 시isClicked, setisClicked 이렇게 입력이 되다가갑자기 setIsClicked 이렇게 i => I로 대문자로 바뀌던데 혹시 단축키? 같은 방법이 있나요??
- 미해결따라하며 배우는 리액트 A-Z
영화사이트가입이 안됩니다.
알려주신 영화검색사이트(https://www.themoviedb.org/) 찾아서 가입하려고 하는데 There was a problemThere was a problem validating your signup. The best thing to do is go back and try again. If this problem persists, email support@themoviedb.org with the details of what happened.라고 나오면서 회원가입이 되고 있지 않는 상태입니다.엣지랑 크롬 둘 다 사용해서 확인해봤는데 둘 다 똑같은 반응입니다.어떻게 하면 좋을까요?- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 미해결따라하며 배우는 리액트 A-Z
getByTestId
tdd 앱 개발 초입 강의에서 질문 있습니다.App.test.js에서는 screen.getByTestId("counter")를 했고, App.js 에서는 <h3> 내부에 data-testid="counter" 라고 되어 있는데요.어떻게 App.js 내부의 <h3> 태그의 data-testid가 getByTestId로 불릴 수 있는지 궁금합니다..!그리고 넘어간 정보가 왜 0이 아니라 TextContent가 맞는걸까요?
- 미해결따라하며 배우는 리액트 A-Z
Can't resolve 'fs' 문제
안녕하세요.코드 강사님이 설명해주신대로 작성하고 실행시키니 fs모듈 not found가 떠서 구글링해보니까 웹팩 사용하면 오류가 사라진다는데 혹시 어떤식으로 처리해야 할까요?
- 미해결따라하며 배우는 리액트 A-Z
배포할때 에러
Debugger attached.ENOENT: no such file or directory, stat 'C:\JS_workspace\React\netflix-clone\build'Waiting for the debugger to disconnect...Waiting for the debugger to disconnect... 이건 왜이런가요??
- 미해결따라하며 배우는 리액트 A-Z
netflix 앱 질문 검색 후 홈으로 돌아가기)
안녕하세요 넷플릭스 앱까지 수강했습니다!app 테스트를 해보다가 검색 후에 홈으로 돌아가고 싶을 때 netflix 로고를 누르더라도 홈으로 돌아가지 않는 거 같은데, 해당 기능을 위해서 어떤 코드를 추가해줘야할까요??
- 미해결따라하며 배우는 리액트 A-Z
`` $ 기능
안녕하세요, 강의 / 코드 중에 `` 내부에 정의하거나 ${} 이런 식으로 값을 넣어주는 경우들이 보이는데요어떤 경우에 `` 혹은 $ 를 사용하는 걸까요?
- 미해결따라하며 배우는 리액트 A-Z
에러 질문
구글에서 하는데요소스코드 똑같은데 왜 안될까 찾다가구글 f12 콘솔에러입니다근데 edge 창에서는 됩니다무슨 차이인가요.. Lists.js:33 라인은이 부분이에요강의는 todoApp 만들기쪽 localStorage에 todoData 값 담기 입니다
- 미해결따라하며 배우는 리액트 A-Z
redux thunk 질문
리덕스 덩크 예제에서 useEffect의 deps에 dispatch가 들어가는데 그럼 dispatch()가 될때마다 useEffect가 실행되는건데 그럼 만약 dispatch({type : "user_add"})이런식의 액션을 넣어도 useEffect가 실행이 되나요? 그러면 어떠한 디스패치가 들어와도 무조건 api를 받는부분이 실행되는것 아닌가요?제가 지금 이해를 잘한건지 모르겠네요...
- 미해결따라하며 배우는 리액트 A-Z
modal 적용 결과 질문
안녕하세요 모달 ui까지 적용했을 때 위 이미지와 같이 첫 화면에 저런 모달이 나오는데요,, 5번정도 x를 누르면 사라지고 정상 작동합니다 (새로고침해도 계속 5번정도는 눌러줘야 사라집니다 ㅠ). 그 뒤에도 다른 영화 클릭할 때는 강의에서와 같은 모달 형태가 나오고요,소스 코드 참고했을 때 다른 부분이 없는 거 같은데 혹시 의심되는 부분이 있을까요?