컴포넌트가 렌더링되어 HTML이 생성되는 곳 (getServerSideProps VS useEffect)

안녕하세요 제가 답변이 넘 늦어서 죄송합니다 🙂 네 말씀해 주신 대로 이해하셔도 될 것 같아요. 좀 더 정확히 정리해 보자면FE 서버 : 서버 사이드에서 화면을 그리는 곳이 넥스트 서버클라이언트 : 하이드레이션까지 완료한 최종 화면을 보는 곳이 브라우저요렇게 봐주시면 될 것 같네요 :)

<img /> 요소 대신 <Image /> 컴포넌트를 사용해야 하는 이유 (성능 최적화)

안녕하세요, 제가 답이 늦었네요 🙂 네 이미지 컴포넌트는 넥스트에서 추가적으로 캐싱이나 프리로딩 기능 등을 제공합니다. 요거는 대용량 트래픽을 받으시는게 아니라면 쓰시는게 좋아요 :)

ESLint + Prettier 설정 관련해서 질문있습니다

안녕하세요, 혹시 formatOnSave 기능을 끄셨나요? 저장했을 때 ESLint에 설정된 프리티어로 먼저 1차 수정하고, 2차로 프리티어 자체로 포매팅을 하는 경우 위와 같이 나올 수 있습니다 :)

live server 설치 오류

안녕하세요, VSCode 확장 플러그인에서 검색해 보시겠어요?(사진)

프로젝트 생성 관련 가이드 영상은 왜 없는건가요

안녕하세요 재혁님, 요것도 답변 드릴게요.먼저 React와 Vue 프로젝트 모두 별도의 생성 절차를 안내하지 않은 이유는 강의의 핵심에서 벗어난다고 생각했기 때문입니다. 각 프레임워크의 프로젝트 생성 절차는 제 다른 강의들에서 확인하실 수 있어요. 만약, 여기서 바로 확인하시고 싶으면 아래 2개 문서 참고해 주시면 됩니다 :) Vue 프로젝트 생성 절차React 프로젝트 생성 절차

JSX.Element 컴포넌트 타입 정의 관련 재 질의

안녕하세요, 재혁님. 제가 답이 좀 늦었네요. 질문 주신거 짧게 답변 드리면 일단 리액트 컴포넌트 반환 타입은 자동 추론되는 JSX.Element를 쓰시면 됩니다.말씀하신 React.FC는 예전 문법의 잔재로 남아 있었다고 봐주시면 될 것 같아요. 컴포넌트 반환 타입은 명시해서 얻는 이점이 거의 없기 때문에 자동 추론 되는 타입으로 쓰시면 됩니다 :)

JSX.Element 컴포넌트 타입 정의 관련 재 질의

안녕하세요 재혁님, 강의 들으시면서 궁금한게 많아 답답하신거 같은데요. 제가 지금 개인 일정으로 해외에 있어서 차주 월요일에 돌아가는대로 답변 드릴게요. 조금만 기다려주세요 :)

state 변경에 따른 리랜더링 범위가 어떻게 되는 건가요?

안녕하세요, 제가 답이 늦었네요 🙂 state의 변화를 모든 컴포넌트가 감지하지 못하고 있어서 그렇습니다. 리팩토링 한 이후에는 상위 컴포넌트에서 하위 컴포넌트로 변화된 state를 내려주기 때문에 감지가 가능하다고 보시면 되어요 :)

vue3로 따라오시다가 import axios 에러 뜨시는 분들

감사합니다 🙂

vuex 실행시 새로고침해야지만 리스트에 나타나는 현상

안녕하세요, 제가 확인이 늦었네요. 요건 코드 올려주시면 도와드릴 수 있을 것 같아요 :)