targetX += (x - targetX) * speed; targetY += (y - targetY) * speed;이 코드가 매번 마우스가 움직일 때마다 보간을 구하는 거라면, JS에서는 box.style.top = pageY; box.style.left = pageX;이렇게 포지션만 잡아주고,.box { transition: top second linear, left second linear; }css에서 transition에 각각 top, left에 linear를 주면,targetX/Y의 선형보간이랑 css에서 transition 선형보간이랑 같은 거 아닌가요?다르다면 어떤 부분이 다른지 알고 싶습니다!

정환님 인프콘 설명이였는데 잘 듣던와중에 궁금한게 생겨서요!!저 app 컴포넌트 안에 자식컴포넌트로 child가 렌더링되고있다면 그 자식컴포넌트도 리렌더링되어서 render phase 단계를 거쳐 child 가상돔을 만들어서 app 컴포넌트의 렌더사이클 내의 app의 가상돔이랑 합쳐져서 통합된 하나의 가상돔이 생성되고 이걸 이게 commit phase 단계에서 돔 업데이트를 변경된 부분만 진행하는 건가요?

9강에서 'Ch-9-1. GitHub 저장소 링크'에 링크가 잘못 달려있네요. 뒤에 키값으로 찾아서 접속할 순 있는데 수정이 필요해 보입니다.

강의 10:25초쯤에 eslint 파일에 관련해서 질문이 있습니다.강의에는 .eslintrc.cjs라고 되어있고module.export = {~~ 이런 식으로 코드가 작성되어있는데저는 eslint.config.js라고 되어있고사진과 같은 코드가 있습니다.영상과 똑같이 했는데 왜 다른 걸까요?이렇게 진행해도 괜찮을까요?

TanStack Query, React Hook Form, Zod 같은 스택은 준필수일까요? 페이지 3~4개 정도 되는 소규모 프로젝트 시작하기 전에 먼저 배울까 실효성에 대해서 고민중입니다.

수업내용에서는 getData함수에서도 async를 붙여줬는데 안붙여도 값이 나오더라구요. 혹시 특별히 붙여준 이유가 있을까요?

취업준비를 위해react, next 강의를 듣기전에 프레임워크에 대한 깊은 이해를 위해바닐라js로 spa + csr방식을 체득하기 위해 이 강의를 듣고 있습니다. spa + ssr방식 또한 react,next에서도 사용한다고 알고 있는데 현재 강의에서 spa + csr방식만 잘 체득하고 프레임워크에 대한 공부를 해도 충분할지 제대로 이해하려면 바닐라 js로 spa + ssr방식도 이해하고 직접 구현 해보면서 체득하고 넘어가야지 프레임워크에 대한 깊은 이해가 가능할지가 궁금합니다..

todos는 list 컴포넌트에서 정의하는게 좋지 않나요?todos 변화는 list에서만 관리하면 되잖아요.

안녕하세요, 강의 잘 듣고 있습니다!1강의 14. 힙과 스택의 비교 강의 중 궁금한 점이 생겨 문의 드렸습니다. 자바 스크립트는 컴파일 타임에 변수명을 저장하고, 런타임에 코드 순서대로 값을 할당한다고 알고 있습니다.그렇다면 자바스크립트에서는 할당이 런타임에서 이루어지고 그에 따라 원시데이터의 크기도 런타임 시점에서 정해지는 것 아닌가요?

in & with 키워드에서 with 키워드는 vscode에서 에러가 나기도 하고 mdn에서도 지원중단 및 권장하지 않아 해당 부분은 확인후 수정이 필요해보입니다.혹시 몰라 링크도 같이 첨부하겠습니다.https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/with

filter안에 콜백 함수는 반드시 true/false를 리턴해야함만약 콜백 함수를 {}중괄호를 사용하였는데 return을 안붙이면 undefined을 반환undefined은 falsy한 값으로 판정하여 filter로 값을 담지 못하게됨 따라서 항상 빈배열{}중괄호를 사용했다면 return을 명시return을 사용 안 할 시 {}중괄호 제거 -> 자동return

제출할때 문제가 되는 입력창으로 포커스를 보내는 로직에서 입력창이 10개면 inputRef 같은 레퍼런스 객체를 10개 만들어서 입력창마다 ref={inputRef} 같은 코드를 추가하는건가요?

 전에도 문의 드렸는데 답변이 안 와서 다시 작성합니다. yeontest391@gmail.com

17강 따라하고 실습하는 과정에서 참조되는 api가 접속이 안됩니다. 대체 api나 실습 방법을 알려주시면 감사하겠습니다. https://app-router-api-five.vercel.app/api/products  

안녕하세요.87.JavaScript & jQuery - 유효성 체크 애니메이션 로그인폼(3)강의에 다른 강의가 올라와 있는 것 같은데 좀 바꿔 주실 수 있으신가요?감사합니다.

혹시 백엔드에 관련하여 강의를 올리실 생각이 있으실까요?

⚠질문 작성법- 몇 섹션의 어떠한 강의에 대한 질문인지 작성해주세요. (ex. 섹션2 조건문에 대한 질문)- 질문은 최대한 구체적으로 작성해주세요.- 비슷한 질문이 올라와있는지 확인해주세요.- 코드가 포함된 질문은 아래와 같이 코드블록을 사용해주세요.console.log("hello world");안내사항- 질문에 대한 답변은 보통 주말, 공휴일을 제외한 평일 오전 시간에 답변해드립니다. - '질문 해결'은 답변 작성일 기준 1일 이후에 설정됩니다. 섹션4 23 Promise객체 강의에서 12:05시간에 아래와 같은 예제를 설명하는데,const executor = (resolve, reject) => { setTimeout( () => { reject("실패"); }, 3000); }; const promise = new Promise(executor); promise .then((res) => { console.log(res); }) .catch((err) =>{ console.log(err); });코드 아래에서 promise.then(...).catch(...);와 같은 형식으로 사용될 수 있는 이유를 알려주세요.then과 catch는 property라고 했는데, 이와 같이 초기화 하는 내용은 강의에서 못들은것 같고, Promise chaining으로 넘겨짚기에는 각 함수에서 객체를 리턴하지도 않고... 모르겠네요.

안녕하세요 5.8) State로 사용자 입력 관리하기 1 에서 input과 select 태그에 value 값을 설정해주셨는데, 초기값을 설정해줄 필요가 없는 경우에는 value 값을 생략해도 괜찮은가요?

내용 하나하나 기록하면서 수업 듣고 있었는데..말씀 중에[e.target.name]: e.target.value,이렇게 객체를 생성하면서 프로퍼티의 key 값에 대괄호에 변수 이름을 넣어서 생성하는 부분이 있다고 하셔서 기존글을 계속 뒤져봤는데 자바스크립트 객체 챕터에서 예시가 안보여서 혹시 어디 부분의 어느 예시로 알려주셨는지 알고 계신분이 계시면 공유좀 부탁드립니다....

제 생각에는 단순히 true가 됨을 테스트 할 것이 아닌 false => true => false와 같은 테스트 단계가 필요하다는 생각이 드는데 이런 연속적인 테스트는 어떤 식으로 구성하는 것이 좋은가요?