안녕하세요,Section 23 부분중 localhost:3000으로 접속하는 부분에서, 첨부한 사진과 같은 컴파일 에러가 계속 발생합니다. 이전에 다른 분이 올리신 global.css 관련 질문에서 강사님이 답변하신 것처럼 index.js 파일에서 @를 ..로도 바꿔봤고, 해당 줄을 주석처리도 해봤는데 문제 해결이 안되고 다른 에러가 계속 발생합니다.어떻게 하면 좋을까요?첫번째 사진은 @/styles~로 그대로 실행했을때 나는 에러화면, 두번째 사진은 ../styles~로 고쳤을때 발생하는 에러 화면입니다. 

각 파일별 코드 첨부합니다. 위와같이 코드를 작성했는데  이런 에러 창이 뜨네요 확인해봐도 빼먹거나 잘못입력한 부분은 없는 거 같은데 뭐가 문제일까요??  

Section 23 Notion 문서 보면서 설정하고 있는데요,next.js로 프로젝트 만들었는데 문서와는 달리 Typescript 쓸건지 등등 여러 질문이 떠서 No 하려고 해도 타이핑이 안돼서 Yes 밖에 되지 않습니다일단 되는대로 class랑 자유게시판 만들었는데 이번에는 pages 디렉토리가 설치가 안되어있습니다그러다보니 그 다음 yarn dev 부분에서도 pages 디렉토리가 없다는 에러가 나고, 임의로 mkdir 통해서 pages만들고 실행하니까 Detected next.config.js, no exported configuration found. 뜨면서 URL을 브라우저에서 열어도 404 error 메세지만 뜹니다그런 과정을 거치고 나니까 다른 부수적인 에러들도 나타나는데, ../같은 기본적인 명령어에서도 not found 같은 에러가 나는등등 있습니다시작부터 막히니까 답답하네요...

axios 코드입니다.import axios from "axios"; const instance = axios.create({ baseURL: "https://api.themoviedb.org/3", params: { api_key: "895e2a24f997d16a2490bcfddde450c28", language: "ko-kr", }, }); export default instance;requests 코드입니다.const requests = { fetchNowPlaying: "movie/now_playing", fetchNetflixOriginals: "/discover/tv?with_networks=213", fetchTrending: "/trending/all/week", fetchTopRated: "/movie/top_rated", fetchActionMoives: "/discover/movie?with_genres=28", fetchComedyMovies: "/discover/movies?with_genres=35", fetchHorrorMovies: "/discover/movies?with_genres=27", fetchRomanceMovies: "/discover/movies?with_genres=10749", fetchDocumentarues: "/discover/movies?with_genres=99", }; export default requests; App 코드입니다.import "./App.css"; import Nav from "./components/Nav"; import Banner from "./components/Banner"; function App() { return ( <div className="App"> <Nav /> <Banner /> </div> ); } export default App; Banner 코드입니다.import axios from "../api/axios"; import React, { useState, useEffect } from "react"; import requests from "../api/requests"; function Banner() { const [movie, setMovie] = useState([]); useEffect(() => { fetchData(); }, []); const fetchData = async () => { // 현재 상영중인 여러 편의 영화 정보 가져오기 const request = await axios.get(requests.fetchNowPlaying); // 여러 편의 영화 중 하나의 영화 ID 가져오기 const movieId = request.data.results[ Math.floor(Math.random() * request.data.results.length) ].id; // 특정 영화의 상세 정보 가져오기 const results = await axios.get(`movie/${movieId}`, { params: { append_to_response: "videos" }, }); console.log("results", results); console.log(movieId); }; return <div></div>; } export default Banner; 확인해봤을 때는 틀린 부분이 없는데 아래와 같은 오류가 발생합니다. ㅠㅠ 어디 잘못 작성한 게 있을까요? 

실행도 되고 app.tsx파일도 제대로 반영이 되는데 아래 jsx부분의 Component부분의 빨간 밑줄이 계속 남아 있습니다 ㅠㅠ

알려주신대로 세팅을 해봤는데, 이게 맞는건가요?강의에 보이는 선생님 세팅과 뭔가 다른것 같아서요 ㅜ첫번째 사진은 폴더를 펼치지 않은것, 나머지 사진은 폴더를 모두 열어제낀것 입니다이 상태로 다음 강의 진행해도 문제없을까요?

8강 장고 Shell 에서는 에러 없이 잘 되었는데, 지금은 스샷처럼 에러가 발생하네요 ㅠ 여기저기 찾아봐도 환경설정은 추가되어 있는거 같고 방법을 모르겠어서 질문 남깁니다. 시간되실 때 확인해주시면 감사하겠습니다. ^^

header에서 이미 display:flex를 적용했는데 header > div에서까지 display:flex를 하는 이유가 무엇인가요?

안녕하세요 send 시 success false 가 뜨는데 이유가 뭘까요?

해당 부분 22번째 줄에서 onClick에서 navigate함수를 호출할 때 arrow function이 아니라 그냥 navigate("/home") 함수를 호출하였더니 QS 바꾸기 버튼을 눌렀을 때 페이지가 그냥 뒤로 갔습니다. 왜 그런 것인가요?

http://practice.codebootcamp.co.kr/graphql <-- 해당 사이트 접속이 불가하고위 사이트의 mutation 코드도 어제까지는 됐는데 오늘은 실행이 안되네요

16번째 줄에서 setSearchParams를 중괄호로 감싸지 않는 이유가 혹시 실행하려는 statement가 하나라서 그런 건가요?

안녕하세요.강사님께서 직접 답글 주셨으면 좋겠습니다,, updateUseditem api 요청 시 useditemAddress를 제외하고 아래와 같이 테스트하면 정상동작하는데useditemAddress를 붙인 후 요청 시 아래와 같이에러가 발생합니다.며칠 째 해결이 안되어 강사님께서 직접 봐 주셨으면 좋겠습니다.감사합니다.

안녕하세요. ver2가 있는줄 모르고 현재 섹션 12까지 들었습니다. 지금부터라도 복습 겸 바로 ver2로 넘어가서 강의를 들어보려 했는데 괜찮을까요? 아직 한 것 보다 할게 더 많이 남은거 같아 질문 드립니다.

강의를 따라서 했는데도 Failed to fetch 오류가 떠서 첨부된 git 링크를 clone해서 실행하고작성자, 비밀번호, 제목, 내용을 작석하고 등록하기 버튼을 눌러도 동일한 오류가 뜹니다.어떻게 해야하죠 ㅠㅠ?

선생님ㅜㅜ 강의잘보고있습니다..정말 설명 너무잘하시는 것 같아요귀에 쏙쏙들어와요 10강 JSX의 정의와 역할 2분 54초에JSX코드를 자바스크립트로 변환하는 역할을 하는 것이 React에 createElement라고 하시는데 React.creatElement( type, [props], [...children] )React.creatElement는 jsx를 사용하지 않고 만드는 방법아닌가요? 그렇다면 createElement는 html/XML 코드를 자바스크립트로 변환하는 역할을 하는 건가요? 

코드 샌드박스링크를 알고 싶은데 자꾸 아래를 보래요 ㅠ근데 안보입니다ㅠㅠ

안녕하세요 멘토님! 강의 잘 듣고 열심히 정리중 입니다.ㅎㅎ프로젝트를 도커로 배포하는 중에 문제가 발생했습니다.위와같이 도커로 배포중 yarn build를 실행할 때 빌드 시간이 멈추고 진행되지 않습니다.새로고침하고 다시 인스턴스 터미널에 들어가면 연결이 지연되어 연결실패가 뜹니다.(해당 에러는 인스턴스 상태에서 재부팅을 통해 해결했습니다.)해당 문제를 해결하기 위해 아래와 같이 시도했습니다.1. 도커 푸룬으로 이미지, 캐시등 삭제 - docker system prune -a 2. ec2 볼륨을 16기가로 올렸습니다. - 파티션화도 완료시켰습니다. - df -h로 xada1의 용량이 46%에서 23%로 줄어든 것을 확인했습니다. 더이상의 방법이 구글링과 제 머리로는 해결되지 않아 질문 올립니다.감사합니다!

안녕하세요.아래와 같은 에러가 발생하는데 쿼리문을 잘못작성한게 있을까요? 왜 이런 에러가 발생하는지 잘 모르겠습니다.해결해주시면 감사드립니다.감사합니다.

react-router-dom v6 이상에서는 useHistory 대신 useNavigate 를 사용하여야 합니다.v5import { useHistory } from "react-router-dom";const history = useHistory(); history.push("/");v6import { useNavigate } from "react-router-dom";const navigate = useNavigate(); navigate("/");