⚠질문 작성법- 몇 섹션의 어떠한 강의에 대한 질문인지 작성해주세요. (ex. 섹션2 조건문에 대한 질문)- 질문은 최대한 구체적으로 작성해주세요.- 비슷한 질문이 올라와있는지 확인해주세요.- 코드가 포함된 질문은 아래와 같이 코드블록을 사용해주세요.console.log("hello world");안내사항- 질문에 대한 답변은 보통 주말, 공휴일을 제외한 평일 오전 시간에 답변해드립니다. - '질문 해결'은 답변 작성일 기준 1일 이후에 설정됩니다.추가: 아래 환경 외에도 윈도우 크롬브라우져 환경에서도 폰트관련 css등이 전혀 동작하지 않고 있습니다. 확인 바랍니다.==========================섹션7 33.[안내] 프로젝트 코드 주소 에서소스 다운받고 index.html파일을 Linux firefox브라우져에서 열어보면 제대로 표시되지 않습니다. 브라우져상관 없이 정상 실행 되도록 하려면 어떻게 해야 하나요?

안녕하세요 정환님!!이미지 로드하는 방식이 2가지라고 했는데public에 있는 이미지는 매번 새로 이미지를 서버에서 받아오는것은 이해 됐는데. Q. js번들링 파일안에 base64로 uri식으로 넣어진 이미지는 js파일 자체를 브라우저가 저장하고 있다가 새로고침하면 서버에서 캐시검증하고 응답을 304로 내려준다. 그 뒤 브라우저는 캐시해뒀던 파일을 다시 사용해서 이미지 파일은 캐시 되었다고 뜨는걸까요??

저는 코드를 똑같이 작성했는데 마지막에 Editor.css에.Editor > section { margin-bottom: 40px; }를 추가해도 body 태그의 영역이 축소되는 이상 현상이 발생되지 않았습니다.그냥 넘어가려고 하긴했는데 왜 동일한 코드인데 제 환경에서는 이상 현상이 발생되지 않는지가 궁금해서 질문드립니다. 다른분들은 강의처럼 body 태그 축소 현상이 발생되여 index.css의 body 태그에 display: flex 설정을 넣었을 때 왜 해결이 되는지에대한 질문은 많은데,저처럼 아예 발생하지 않은 분들은 안계신 것 같더라구요.. 브라우저는 크롬 쓰고 있고 현시점 최신 버전인 144.0.7559.110(공식 빌드) (arm64) 버전을 쓰고 있습니다.

선생님 강의 공부하고 블로그에 정리해도되나요? 궁금합니다.

안녕하세요 큰돌님 강의를 즐겨보는 취준생입니다. 강의를 보며 궁금한 점들이 있어 질문 남깁니다.간단하게 제 상황을 말하면 1년 정도 SI 업체 다니다가 현재는 군대에서 취준하고 있고 6월에 전역하면서 동시에 취업을 하는 것을 목표로 하고 있습니다.Q1: Readme 파일을 잘 꾸미는게 중요하다고 말씀주셨는데, 제가 했던 프로젝트들이 전부 회사에서 혼자 진행한 프로젝트들이여서 모두 private 인 상황입니다.이럴 경우에는 Readme 파일에 꾸미기 보다는 노션에 따로 정리하는게 맞을까요??Q2: QnA 글을 보니 큰돌님께서는 이력서와 포트폴리오를 같이 준비하라고 하신걸 봤습니다. 근데 토스채용 같이 이력서와 포트폴리오를 같이 제출해야되는 상황에서는 어떻게 해야될까요?

이미지는 보통 S3 같이 외부의 이미지 url을 통해서 불러오지 않나요?외부 이미지를 불러오는 방식에서 브라우저에 이미지를 캐싱하는 방법은 없나요?

이 특징을 사용해서 네비게이션이나 푸터 같은 레이아웃을 처리하는데 활용하는 편인가요?

번들 파일은 용량이 클것으로 예상되는데, 매번 전체를 보내면 낭비가 심할것 같습니다. 번들 파일을 쪼개서 지연로딩하거나, 이전에 받은 번들 파일을 브라우저 내에 캐싱하고 교체하는 방법도 궁금합니다. 혹시 이 강의에서 다루나요??

useMemo()로 마운트 시점을 메모하는거면 이제 onCreate, onUpdate, onDelete 에 적용한 useCallback()은 없애도 되는건가요? const memoizedDistpatch = useMemo(()=>{ return {onCreate, onUpdate, onDelete} }, []) useCallback() 제거하고 테스트했을때 따로 리렌더링 되는걸 확인했지만, 확인차 질문합니다.

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