월 31,240원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결(2024 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계
디테일 페이지
useParams로 id를 가져왔는데 그다음 가져온 id에 맞는 이미지나 정보는 어떻게 가져와야 될까요...?
- 미해결(2024 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계
리덕스 셋업을 했습니다 근데 리듀서를 찾을 수 없다고 에러가 뜹니다
차근 차근 하나씩 보면서 따라 했는데 store.js 에서 createSotre에 밑줄이 생기더니 리듀서가 정의 되지 않았다고 에러가 뜹니다. 제가 뭘 잘못했으면 어떻게 잘못했는지 혹시 문제가 해결되면 뭐 때문이었는지 가르켜 주시면 감사하겠습니다
- 미해결(2024 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계
429 에러
429 에러가 떠서 찾아보니까 너무 많은 요청을 해서 api의 속도 제한에 도달한거라고 하네요 해결방법을 보니까 크롬 쿠키를 지우거나 기다리면 된다고 하는데 다른 방법은 없나요? 궁금합니다!
- 미해결(2024 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계
카드 이미지가 짤려서 오는거 풀이미지로 하고싶은데 방법없을까요?
https://www.themoviedb.org/t/p/w220_and_h330_face/${item.backdrop_path} 이런식으로 하고있는데 'https://www.themoviedb.org/t/p/w300_and_h450_bestv2/pIkRyD18kl4FhoCNQuWxWu5cBLM.jpg' 이게 원래 이미지라면 'https://image.tmdb.org/t/p/w220_and_h330_face//p1F51Lvj3sMopG948F5HsBbl43C.jpg' 리액트에서 보이는 이미지는 이래서요.. 이미지가 잘려서 오는거같아요. 인터넷에서 찾아서 안잘리게 가져오는법 찾아도 다 저렇게 나오더라고요.. 이건 어쩔수 없는부분인가요?
- 미해결(2024 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계
auth ==true ?<ProductDetail/>:< Navigate to='/login'/> 할때
return auth ==true ?<ProductDetail/>:< Navigate to='/login'/> <ProductDetail/> 이거는 왜 Navigate to='/login' 이런식으로 할필요가없는건가요? < Navigate to='/login'/>여기는 했는데 그리고 왜 return auth ==true ?<ProductDetail/>:< Login/> 이런식으로했을때 로그인페이지는 가는데, 로그인버튼눌렀을때 왜 아무 반응이 없는건가요?
- 미해결(2024 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계
localhost에 대한 액세스가 거부됨이 뜹니다.
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 성공적으로 다됐는데, 이렇게 나오네요 ㅠㅠ..
- 미해결(2024 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계
도시 서치창을 만들었는데
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:이런식으로 만들었고 작동은 잘합니다. weatherBox.js에 weather?.cod == 404 ? ( <div> <h1>City not found</h1> </div> 이런식으로도 해서 잘되는데 한글자 입력할때마다 저런식으로 console창에 나오는데 저런식으로 나오는게 당연한거지만, 웹에 안좋은 영향을줄까요?리렌덜링?같은 만약 리렌더링이 매우 자주되는거라면, 어떤식으로 해야하는걸까요? <input type='text' placeholder='search city' id='search' onChange={(e) => setSearch(e.target.value)} /> <Button variant="success" onClick={() => getWeatherBySearch(search)}>Search</Button> 이런식으로 작성했습니다.
- 미해결(2024 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계
getState 오류
store생성시 index.js에서 store.getState is not a function 오류가 나는데 어떻게 해결할 수 있을까요?
- 미해결(2024 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계
404 에러가 자꾸 떠요...
import axios from 'axios'; const api = axios.create({ baseUrl: 'https://api.themoviedb.org/3', headers: { 'Contnt-type': 'application/json' }, }); api.interceptors.request.use( function (config) { // Do something before request is sent console.log('request start', config); return config; }, function (error) { // Do something with request error console.log('request error', error); return Promise.reject(error); }, ); // Add a response interceptor api.interceptors.response.use( function (response) { // Any status code that lie within the range of 2xx cause this function to trigger // Do something with response data console.log('get response', response); return response; }, function (error) { // Any status codes that falls outside the range of 2xx cause this function to trigger // Do something with response error console.log('response error', error); return Promise.reject(error); }, ); export default api; import { createAsyncThunk } from '@reduxjs/toolkit'; import api from '../api'; const API_KEY = process.env.REACT_APP_API_KEY; const getMovies = createAsyncThunk('movie/getMovies', async () => { const popularMovieApi = await api.get( `/movie/popular?api_key=${API_KEY}&language=en-US&page=1`, ); // let url = // 'https://api.themoviedb.org/3/movie/popular?api_key=<<api_key>>&language=en-US&page=1'; // let response = await fetch(url); // let data = await response.json(); // let url2 = // 'https://api.themoviedb.org/3/movie/top_rated?api_key=<<api_key>>&language=en-US&page=1'; // let response2 = await fetch(url2); // let data2 = await response2.json(); // let url3 = // 'https://api.themoviedb.org/3/movie/upcoming?api_key=<<api_key>>&language=en-US&page=1'; // let response3 = await fetch(url3); // let data3 = await response3.json(); }); export const movieAction = { getMovies, }; api key는 잘 넘어오는데 get response가 안넘어와요ㅜㅜ
- 미해결(2024 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계
누님 이러한 에러는 왜 나는걸까요?
문제점 1) 파일등을 정상적으로 다 설치했음에도, 빨간색 에러 표시가 납니다. 2) 동일하게 코드를 따라했음에도 콘솔창에는 표시가 되지만 실제 화면에서는 반영이 안됩니다. - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 미해결(2024 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계
리덕스 툴킷으로 검색기능 만들고 있는데 모가 문제 인지 모르겠어요...
store.js - 학습 관련 질문 SearchBox.js 을 남겨주세요. 상세히 작성하면 더 좋 ContactItem.js 3번째 사진에서 렌더할때 list.map로 하고 <div>{list[index].name}</div> <div>{list[index].phone}</div> 이렇게 했는데도 안되요...
- 미해결(2024 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계
리덕스 툴킷으로 하는데 안돼요
리덕스 툴킷으로 하고 있는데 3번째 사진에 console.log('보여주는곳', state) 해서 확인해보면 값은 잘 넘어오는데 렌더링하면 안보여요...왜 그런걸까요?
- 미해결(2024 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계
App 컴포넌트에서 data를 출력해봤는데 name이 이상하게 나와요
도시명이 안나오는데 왜 그런걸까요? 이건 코드에요