chapter07 Custom Hook에서 ServerAPI 에러가 나오는데 해결을 못하여 도움 요청합니다 에러 

이렇게 코드를 짰는데..맞는 것 같은데...이렇게 뜹니다...

const products 에서 products는 result.data.products를 담기 위해 선언한 products 이므로 위에서 선언한const [products, setProducts] 에서의 products 와 다른 것이 맞나요?또 setProducts() 안에 들어가는 products를 넣은 것은 const[products, setProducts] 에서의 products에 const products에서의 products를 대입하기 위해 넣은 것으로 보면 되나요?즉, const products = result.data.products;setProducts(products); 를 setProducts(result.data.products); 라고 해도 문제가 없는 건가요?

main/index.js에서 컴포넌트 함수명(MainPage)와 App.js에서 import 하는 함수명(MainPageComponent)가 달라도 괜찮은 이유가 뭔가요?혹시 한 js파일에서는 export를 한 개의 컴포넌트만 할 수 있어서 그런건가요?(컴포넌트는 여러개 만들어도 문제가 괜찮던데 export를 2번 쓰니까 빨간줄이 생겨요.)

useEffect의 두번째 파라미터에는 useState로 인해 할당된 변수인 time만 쓸 수 있는건가요?function TimerComponent() { const [time, setTime] = React.useState(0); const cnt = 0; React.useEffect(function() { setTime(time+1); }, [cnt]); return ( <div> <h3>{time}초</h3> <button onClick={function() { cnt++; }}>1씩 올려주세요.</button> </div> ); }이런식으로 사용이 안되는건가요?

안녕하세요! 좋은 강의 찾게 되어 보고 있는중에 문의 남깁니다.결과 계산하기에서 value 값이 제일 높은 첫번째 항목을 결과값으로 보여주는데많이 선택한 부분 출력 말고 정답 선택(1)시 값이 더해지게 바꾸는 방법이 있을까요?점수 테스트처럼 바꿔서 만들어보고싶은데 강의로 따라하려다보니 만점아니면 빵점만 되서요 ㅠㅠ

선생님께서 보여주신 React App 시계 만들기 실습 화면에는 "오후 6:35:38" 처럼 시간 부분에 반짝거리는 효과가 나오는데, 제 화면에서는 다음과 같이 div 부분에 효과가 나오는데, 이게 18 버전이라서 다른건가요? 그게 아니라면 어떤 이유 때문에 다르게 나오는건지 궁금합니다.

웹 제작 에디터(아임웹)에서 해당 기능을 사용하려고 합니다. 수업에서는 파일을 불러오는데.. 웹 에디터에서는 그런 기능을 지원하지 않아 전체를 복사해서 붙여 넣었는데 오류가 발생합니다.외부 기능을 쓰는 web-animations 기능은 cdn으로 적용이 잘 되었습니다.혹시 scroll-timeline.js 내용도 cdn으로 불러올 수 있는 방법이 있을까요??검색해도 찾을 수가 없어 문의드립니다. ^^a

선생님, 안녕하세요! 좋은 강의 정말로 감사드립니다!이번 강의를 보면서, 궁금한 게 생겼는데요.이번강의에서 인덱스를 생성하면서, 탐색속도가 훨씬 빨라진다는 걸 알게되었습니다. 기존에 생성되어있는 (인덱스가 걸려있지 않은)데이터들에도 인덱스를 걸어주면 더 빨라지는 걸로 보이는데요. 그런데, 이번 강의에서 인덱스를 걸고 데이터를 생성하면, 인덱스를 걸지않았을 때보다 생성시간이 오래걸리는 부분이 있었습니다. 그렇다면 기존에 인덱스가 걸려있지않은 데이터들에 새로 인덱스를 걸 때는 기존 데이터들에 인덱스를 새로 걸어주는 건가요?

js의 export import 관련해서 질문이 2가지 있습니다!js에서는 기본적으로 변수의 유효 범위가 전역으로 잡힌다고 설명해주셨는데, 여기서 말하는 전역은 해당 파일이 위치한 폴더까지인가요?그리고 export와 import를 하면 해당 객체의 범위가 객체가 선언된 파일까지로 제한이 되는건가요?감사합니다 :)

타입 가드 강의를 듣던 중 이해가 되지 않는 부분이 있어 질문 남깁니다!타입 가드가 정확히 어떤 것인지 이해가 잘 되지 않아 typescript 공식 문서를 찾아보던 중 narrowing이라는 개념을 보게 되었습니다. 그리고 추가적으로 찾아보던 중에 type guard가 narrowing을 하는 테크닉 중 하나라는 글을 봤는데, 정확히 narrowing과 type guard는 어떻게 구분되는 건가요?그리고 현 시점에서 typescript의 type guard 페이지(https://www.typescriptlang.org/docs/handbook/advanced-types.html)가 deprecated 되었다고 나오는데 type guard 개념 자체가 deprecated가 된 건 아니고 단순히 페이지만 수정된 것이 맞나요?

html 파일에서 Open with Live Server 하면 동작이 안하는데 따로 모 실행해 줘야 되나요?

넓이를 높이를 전부 고정값으로만 사용하게 되는데 혹시 해당 부분은 100% 로 채워서는 적용이 어려울까요?모바일까지 고려하게되면 퍼센트로 작업해야할것같은데 뭔가 넓이값이 달라지게 되면 중간중간 요소들 컨트롤이 아에 어려운 구조가 될까요?

수강중인데 리뉴얼 되고 굉장히 깔끔해진 것 같은 느낌 받습니다!혹시 포트폴리오 페이지는 AWS로 운영 중 이신걸까요?아니라면 어떤걸로 하고 계신지 궁금합니다!

선생님, 안녕하세요. 좋은 강의 너무 감사드립니다. 답변도 잘해주셔서 너무 감사드려요!이번 강의를 들으면서,Blog.updateMany( { "comments.user": userId }, { $pull: { comments: { user: userId } } } )이 구문이 나왔는데요. 여기서 updateMany의 첫번째 변수인{ "comments.user": userId },는 comments배열의 user가 userId인 객체를 찾는거고,{ $pull: { comments: { user: userId } } }여기서도 comments배열안의 user가 userId인 객체를 찾는 거라서, 사실상 같은거를 두번 써준 게 아닌가요??그래서 const [user] = await Promise.all([ User.findOneAndDelete({ _id: userId }), Blog.deleteMany({ "user._id": userId }), Blog.updateMany( { "comments.user": userId } // { $pull: { comments: { user: userId } } } ), Comment.deleteMany({ user: userId }), ]);이런식으로 updateMany의 두번째 변수만 Blog.updateMany( { "comments.user": userId } // { $pull: { comments: { user: userId } } } ),이런식으로 주석처리를 해줬습니다. 그러자 { "err": "Cast to ObjectId failed for value \"2023-07-03T10:17:04.313Z\" (type Date) at path \"user\" because of \"BSONError\"" }이런 에러가 나왔어요. 그래서 확인해보니, User.findOneAndDelete({ _id: userId }), Blog.deleteMany({ "user._id": userId }), Comment.deleteMany({ user: userId }),updateMany말고 다른 구문들은 다 실행이 됬더라구요. 그래서 user도 삭제되고 블로그도 삭제되고, comment도 삭제되었지만 blog안의 user가 작성한 comment는 pull되지 않아서 그대로 남아있었습니다. 그런데 여기서 궁금한게, promise.all로 묶어서 같이 실행하면, 하나라도 에러가 나면 바로 실행을 중단하고 에러를 배출한다고 배운 것 같은데, Blog.updateMany의 아래 구문인, Comment.deleteMany가 실행됬더라구요. 트랜잭션까지는 아니더라도 updateMany에서 에러가 나면 Comment.deleteMany는 실행이 안될 줄 알았는데, 이거까지 실행된 거를 보면, Promise.all에서는 전부 순서없이 비동기로 동시에?실행되는 걸까요?

제가 처음 접하는 부분이라서 처음부터 쭉 보고 있는데요. 섹션3 - 객체에 대한 모든 것에서 Prototype(프로토타입) 수업을 들으면 진행하는데요. console.log(yuJin._proto_); 출력하면 undefind로 나오고 있는데요. 왜 그런지 알 수 있을까요????[Object: null prototype], {} 이렇게 출력되어야 하는거죠???

'강의에서 let capt: string & number & boolean; 이면 capt가 never type이 된다고 하셨는데 그 이유가 capt가 문자열이면서 숫자이면서 boolean일 수가 없어서이고, 인터페이스에 이 인터섹션 타입을 활용했을 때는 Developer 타입과 Person 타입을 모두 만족해야 하기 때문에 name, age, skill 속성에 모두 접근 가능하다' 이렇게 이해를 했는데 제가 이해한 것이 맞나요?

 refreshToken 은 DB에 저장을 따로 안해도 되나요?

 vs코드에서 코드를 치면서 보는중인데 새로고침하면 첫번째 요소가 이미 위로 올라간상태로 시작되어서 어색한데 이 부분은 어떻게 해결 가능할까요? duration을 좀 줘보고 해봐도 첫번째 박스는 위로 좀 올라간상태에서 시작하네요 delay: 0.6 정도주면 대충 맞긴한대 delay 주는 방법밖에는 없겠죠? gsap.to(".stage .box", { y: -50, stagger: 0.2, });

const index = value.indexOf(String(number))에서굳이 String을 넣은 이유가 무엇인가요?