17강 상품 목록 페이지 데이터 호출 api 안

안녕하세요 불편을 끼처드려 죄송해요. 요거 API 호출 복구해뒀습니다 :)

api 오류

안녕하세요, 엇 지금도 혹시 에러가 발생하나요? 저는 로컬에서 호출이 잘 되고 있어요.

Next.js 시작하기 강의는 어떻게 무료로 받을수있나요??

안녕하세요, 조금 전에 새소식에 안내해 두었어요. 교과과정에도 2개 강의를 활용하는 방법을 자세하게 추가해 두었습니다. 참고해 주세요 :) (사진)

vue CLI 대신 vite를 사용해도

안녕하세요 seon님, 네 강의 내용이 프로젝트 생성 도구와는 크게 연관이 없어서요. 전반적인 애플리케이션 설계/개발에 대한 도움은 받으실 수 있을 거예요 :)

컴포넌트가 렌더링되어 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는 예전 문법의 잔재로 남아 있었다고 봐주시면 될 것 같아요. 컴포넌트 반환 타입은 명시해서 얻는 이점이 거의 없기 때문에 자동 추론 되는 타입으로 쓰시면 됩니다 :)