감사한 마음으로 강의 잘 듣고 있는 중입니다. Vue3 + Quasar(UI Framework) + Nuxt3TypeScriptvee-validate/valibot으로 프로젝트를 한 경험이 있는데 react는 조금 어렵게 느껴지네요. 아마도 원리를 알려주신다고 리액트 훅들을 직접 만들어서 그런 것 같지만 좋은 것 같습니다. 제가 드리고자 하는 질문은React + UI Framework + NextTypeScript검증 라이브러리로 유사한 아키덱처로 갈 예정인데 문제가 UI Framework와 검증 라이브러리를 어떤 것을 사용하는 것이 좋을지 몰라서 질문 드립니다. 혹시 추천해주실 UI Framework와 검증 라이브러리가 있나요?또 한가지는 아무래도 백오피스이므로 데이타 그리드도 중요한데 추천 부탁드립니다.이전에 사용한 Quasar는 자체 quasar.css를 가지고 있어 웹 접근성이나 sass 작업할 때 너무 힘들었습니다. 질문이 너무 광범위해서 죄송합니다.

목소리도 그렇고 tts가 읊어주는 것 같은데, 그냥 ai로 대충 장료 만들고 tts 입힌 강의인거 아니죠...?

안녕하세요 선생님, 강의 잘 듣고있습니다!다름이 아니라, 설정 문제인지 현 시점 VSCode 내에서는 오류가 저렇게 많이 표시가 됩니다ㅜ 동작과는 상관없어 그냥 사용중이었는데 앞으로도 계속 저러면 너무 불편할거 같습니다. 해결 방법이 없을까요?아래는 setting.json 내용입니다..{ "workbench.startupEditor": "none", "editor.formatOnSave": true, "workbench.iconTheme": "material-icon-theme", "js/ts.validate.enabled": true, "editor.defaultFormatter": "esbenp.prettier-vscode", "js/ts.implicitProjectConfig.checkJs": true, "workbench.colorTheme": "Dark Modern", "editor.fontSize": 14, "workbench.secondarySideBar.defaultVisibility": "hidden", "terminal.integrated.fontSize": 14, "window.zoomLevel": 1, }  확인 한 번 부탁드리겠습니다..!

"26. 2.6) 반복문으로 배열과 객체 순회하기" 강의에서0분 50초에 등장한 PPT에서 질문이 있습니다!for (let key in Object.keys(person)) { console.log(key); }위 코드에서 Object.keys(person)이 아니라 그냥 person을 의도하신 것 아닌가요?for in 구문을 통해 객체의 key 값을 출력하는 것을 의도하는게 훨씬 자연스러워서요!!

mport { useState } from"react"; functionSignupForm() { const [username, setUsername] = useState(""); const [email, setEmail] = useState(""); const [agree, setAgree] = useState(false); functionhandleSubmit(e) { e.preventDefault(); // 페이지 새로고침 방지console.log("제출 데이터:", { username, email, agree }); alert${username}님, 가입이 완료되었습니다!); } return ( <formonSubmit={handleSubmit}><label> 사용자 이름 <inputtype="text"value={username}onChange={(e) => setUsername(e.target.value)} /> </label><br /><label> 이메일 <inputtype="email"value={email}onChange={(e) => setEmail(e.target.value)} /> </label><br /><label><inputtype="checkbox"checked={agree}onChange={(e) => setAgree(e.target.checked)} /> 약관에 동의합니다 </label><br /><buttontype="submit">가입하기</button></form> ); } 이학습 코드에선 왜 const [username, setUsername] = useState(""); const [email, setEmail] = useState(""); const [agree, setAgree] = useState(false);이부분들을 객체로 안 묶고 따로 state로 관리 하는지가 궁금합니다!

안녕하세요 몽고 db vs code 접속을 위해 주소를 입력했으나 아래와 같은 오류가 계속 발생합니다. 원인을 알 수 있을까요?Unable to connect: querySrv ECONNREFUSED mongodb.tcp.cluster0.hjlawii.mongodb.net

💡[CS 실무 Point: OS 계층의 역량 활용 (epoll / kqueue)] 단일 스레드라고 해서 컴퓨터가 정말로 혼자 일하는 것은 아닙니다. 파일 읽기나 네트워크 통신 같은 무거운 작업은 Node.js가 직접 처리하지 않고, 운영체제 커널이 제공하는 고성능 이벤트 통지 API(Linux의 epoll, macOS의 kqueue 등 시스템 콜)를 통해 운영체제에게 철저하게 위임(Offloading)합니다. 즉, Node.js의 메인 스레드는 교통정리만 아주 빠르게 수행할 뿐, 실제 무거운 짐은 OS 커널이 백그라운드에서 나르고 있는 것입니다. 안녕하세요, 위 설명에서 질문이 있습니다.운영체제에 위임하는 작업과 libuv 스레드 풀의 워커 스레드가 어떤 연관이 있고 어떻게 유기적으로 동작하는지 궁금합니다.

73. Next.JS의 캐싱 전략 4가지 74. 데이터 캐시 - 1 (이론) 74. 데이터 캐시 - 1 (이론) 강의가 누락된거같아요73. Next.JS의 캐싱 전략 4가지와 같은 강의가 재생됩니다.

2.4 Node.js의 3단계 분업 아키텍처 자바스크립트 코드가 운영체제를 움직이는 과정은 세 단계의 협업으로 이루어집니다.자바스크립트 코드 작성: 개발자가 비즈니스 로직을 작성합니다.V8 엔진의 통역: 자바스크립트를 C++가 이해할 수 있는 형태로 통역합니다.C++ 코어 및 바인딩(Bindings): 통역된 지시를 받아 운영체제(OS)에 직접 명령을 내립니다. 이때 C++는 현장의 작업 반장 역할을 수행하며 실제 파일이나 네트워크를 제어합니다.위 내용에서 v8의 통역 이후 부분이 이해가 잘 가지 않습니다. v8 엔진의 결과물은 C++과 관계없이 바이트코드나 기계어가 되지 않나요? 그리고 js만으로 불가능한 os 작업이 나오면 v8 실행 중에 미리 C++로 만들어 놓은 모듈을 호출하는 식으로 동작하는게 아닌지 문의드립니다.감사합니다.

섹션2. Basic TriggerPractice(3) 이 부분을 들었는데요,여기서 강사님 화면에서는 숫자 0에서 100% 올라가는 숫자카운팅이 보여지는데전 0% 에서 바로 100% 가 됩니다. 그 이후의 동작은 정상적으로 잘 되는데,강사님의 소스에서도 동일한 현상이 나타나는데 이유가 뭔지 알 수 있을까요?

useEffect 가 특정 변수값을 추적하다가 바뀌면 실행되는 함수를 등록하는 기능이라고 배웠는데 deps 의존성배열에다가 state 만 넣을수 있는건가요? 아니면 props 나 useRef 변수, 외부변수도 넣을수 있나요?  예전에 vuejs 를 했었는데 그때 기억하기론 lifecycle이 js 실행되기전, dom 생성되기전 등.. 좀 다양했던거같은데 react 는 mount 하나만 있어서 mount 시점이라는게 js가 실행완료되서 html 이 생성된 시점이라는 말인가요? 보통 useEffect 는 강의처럼 변수추적시 콘솔에 찍어야 하는경우 사용하거나 mount 때 서버에 데이터 가져오는경우 사용하는거죠? 사실 콘솔추적이라는건 devtool로도 할수 있는거같아서 실무에서 어디에 많이 쓰는지 궁금합니다.

안녕하세요.프론트엔드 직무로 취업하길 희망해 강사님의 React, Typescript 강의 수강중입니다.현재 프론트엔드 구직을 위해 해당 강의를 완강하고 이를 활용한 수준의 프로젝트를 제작하면 되는지,아니면 실제 취업을 위해서는 심화 학습이 더 많이 필요한건지, 어느 정도 수준의 지식과 기술을 갖추어야 하는지 조언 부탁드립니다. 감사합니다!!

https://winterlood.notion.site/a873435b477f433ea04a359f89380cc5?v=1bfd06a98a594ce6a4c158f4aafbe0b2 위 주소에 해당 강의의 챕터별 코드가 있는데 eslint 설정파일이 없습니다. 6.1)에 대한 코드 뿐만 아니라 거의 모든 코드에서 eslint 설정파일이 없어요.  이유가 있나요? 동일해야하는거 아닌가요?

안녕하세요. 강의 잘들었습니다~코테랑 과제테스트를 준비하려고 하는데요즘에 AI 때문에 어떤 방향으로 준비할지를 모르겠네요 AI 때문에 요즘 기업들이 코테나 과제 테스트를 어떤 방식으로 평가하는지 아시는지 궁금합니다.그리고 이에 맞춰서 어떤 방식으로 준비를 해야할지 조언을 듣고 싶네요추가로, 백준은 서비스를 종료한다는데 leetCode의 티어도 요즘에 커리어에 유효한가요?

저는 npm i lucide-react로 아이콘을 사용하고 있는데 미션에 제공하는거랑 버전도 다르고 아이콘도 다른데 제가 따로 다른 명령어로 설치하고 있는걸까요?

서버에서 스토어의 초기값을 설정해서 클라이언트에게 넘겨주는데결국 서버 상태를 zustand에서 관리하게 되는거 아닌가요? 이미 tanstack query가 있음에도 해당 방식을 활용하는 이유가 궁금합니다. 초기값만 서버에서 넘기고 이후는 클라이언트에서만 관리되는 상태 예시가 있을까요?

다른분들이 이미 80강 내용없음 및 중복인 부분들 문의를 올렸는데 왜 개선되는게 하나도 없나요????최소한 모가 어떻다는 내용은 전달해 주셔야 하는거 아닌가요??

MSA 에서 BFF 로 활용하는 경우 클라우드 환경에서 성능과 관련하여 2~3대 이상 실행하는 경우 관련 기능들은 어떻게 동작하나요?part2 렌더링 패러다임의 전환: 캐싱 혁명 (Caching Revolution)part3 Next.js 16 서버 캐시와 TanStack Query의 동기화또 이와 다른 주의 할 점이나 고려해야 하는 부분이 있나요? 

수업 자료가 없어요.

혹시 glb 파일을 이미지 파일만 보고 만들어주는 ai 툴 같은게 있을까요..?