popover createPortal 방식에서

강의에서는 페이지단위로 다른 내용을 소개하기 위해 어쩔 수 없이 페이지 내 컴포넌트별로 따로 넣어줬지만, 실제 서비스에서는 최상단 컴포넌트(_layout.tsx 또는 _app.tsx 등)에 딱 한 번만 넣으면 됩니다. 다른걸 생각하실 이유가 없을 것 같네요.

2강부터 영상이 나오지 않습니다.

저는 잘 나오고 있는데, 혹시 지금도 안나오시나요?혹시 결제를 안하셨거나, 로그인이 안된 것은 아닌지 확인해 보시기 바라요인프런에 문의를 해보시는게 좋을것 같네요.

[#보일러플레이트 코드 사용법 문의] 강의자료[보일러플레이트] 사용법에 대해서 문의 드려요

아무것도 없이 처음(기본환경세팅 파트)부터 직접 작성하면서 수강하시면 좋습니다. 본 강의(아코디언~)에 돌입할 때엔 수강자분께서 작성하신 코드로 계속 이어나가셔도 되고, 보일러플레이트 코드를 바탕으로 수강하셔도 됩니다.routes 파트를 건너뛰거나 코드를 눈으로만 쫓으며 수강하신 다음, 보일러플레이트 코드를 바탕으로 다음 챕터(아코디언)부터 수강하셔도 됩니다.

2024 FE 컨퍼런스 (토스, 카카오, 당근) 함께 시청해요

스낵바를 만들 때 snackBarContext와 snackBarSetContext

AI가 잘 설명을 해줘서 덧붙일 말이 없네요. 상태로 관리할 대상 중에 상태'값'으로 사용할 대상과 '함수'로 사용할 대상을 나눈 것입니다. 리렌더링을 최소화 하기 위한 조치입니다. 하나의 컨텍스트로 관리하면 상태가 변경될 때 함수들만 사용하는 컴포넌트도 모두 리렌더링될 것입니다. 상태가 변경되더라도 함수는 변경되지 않을 확률이 높기 때문에 컨텍스트를 분리하면 리렌더링을 줄일 수 있습니다.리액트 공식문서에서도 다음과 같이 둘을 구분하고 있습니다.https://ko.react.dev/learn/scaling-up-with-reducer-and-context#step-2-put-state-and-dispatch-into-context

무한스크롤 리액트버전 | 16분 31초

질문자님의 말씀이 맞습니다.편집과정에서 async를 지운 내용이 빠져있었네요..18:33 부분에서는 async가 지워져 있습니다.혼란을 드려 죄송합니다.https://www.inflearn.com/course/lecture?courseSlug=react-vanillajs-ui%EC%9A%94%EC%86%8C%EB%A7%8C%EB%93%A4%EA%B8%B0-part1&unitId=212088&subtitleLanguage=ko

sass 오류

안될 이유가 없죠!

does not match

데이터를 랜덤하게 가져오도록 작성한 부분을 랜덤하지 않게 만들면 해결될 것입니다.

자바스크립트 주석에 이상한 점이 있어서 문의드립니다.

AI가 답한대로입니다.위 코드를 실행한 런타임(자바스크립트 실행 환경)의 주석 구문 파싱 로직에 문제가 있는 것 같네요.크롬 개발자도구에서 위 코드를 실행해 보시면 아무런 문제가 없습니다.(사진)

FE 컨퍼런스 (인프콘, FEConf) 함께 시청하기