안녕하세요. 강의 잘 듣고 있습니다. libuv 발음이 '립유브이' '엘아이비유브이' '리버브' 등 발음법이 계속 바뀌네요. 다른 질문에서 답변으로 AI로 만든 강의 아니다라고 하셨고 직접 녹음한거라고 하셨는데 직접 하신거라면 조금 아쉬운 것 같습니다. 강의 내용도 흥미롭고 좋은 주제를 다루는 것 같아서 배울게 많아 정말 좋은데 이런 부분들이 조금 강의의 퀄리티를 떨어뜨리는 것 같아서 보완해주시면 좋을 것 같습니다. 강의는 정말 잘 듣고 있는 만큼 보완되었으면 하는 마음에 조심스레 글 남깁니다.

안녕하세요아래와 같이 코드를 작성하고 실행했는데 존재하지 않는 id 로 이동 (예: /edit/111)하면 alert이 한번 뜨게되고 [확인]을누르면url 은 홈으로 이동되고 동일한 alert이 또 한번 더 뜨게됩니다.  import Header from '../components/Header'; import Editor from '../components/Editor'; import Button from '../components/Button'; import { useParams, useNavigate } from 'react-router-dom'; import { useContext, useEffect, useState } from 'react'; import { DiaryStateContext, DiaryDispatchContext } from '../App'; const Edit = () => { const params = useParams(); const nav = useNavigate(); const { onDelete, onUpdate } = useContext(DiaryDispatchContext); const data = useContext(DiaryStateContext); const [curDiaryItem, setCurDiaryItem] = useState(); /* const getCurrentDiaryItem = () => { const currentDiaryItem = data.find((item) => String(item.id) === String(params.id)); if(!currentDiaryItem){ window.alert("존재하지 않는 일기입니다."); // 마운트 되기 전에 동작하기 때문에 제대로 동작을 안함. nav("/", { replace: true }); } return currentDiaryItem; } */ // 따라서 useEffect로 설정해줘야함 useEffect(()=>{ const currentDiaryItem = data.find((item) => String(item.id) === String(params.id)); if(!currentDiaryItem){ window.alert("존재하지 않는 일기입니다."); nav("/", { replace: true }); } setCurDiaryItem(currentDiaryItem); }, [params.id]) const onSubmit = (input) => { onUpdate(params.id, input.createdDate.getTime(), input.emotionId, input.content); nav("/", { replace: true }); }; const onClickDelete = () =>{ if(window.confirm("일기를 삭제할까요? 다시 복구되지 않아요!")){ onDelete(params.id); // 이벤트 함수 안에 있기 때문에 마운트 이후 수행됨. nav("/", { replace: true }); } } return ( <div> <Header title={"일기 수정하기"} leftChild={<Button text={"< 뒤로가기"} onClick={() => nav(-1)} />} rightChild={<Button text={"삭제하기"} type={"NEGATIVE"} onClick={onClickDelete}/>} /> <Editor initData={curDiaryItem} onSubmit={(input) => { onSubmit(input); }} /> </div> ) } export default Edit;

안녕하세요.2025년 1월 발행된 3쇄 교재를 갖고 있는데, 현재 강의내용과 좀 다른 부분들이 있더라고요.마지막 감정 일기장 프로젝트도 코드가 교재와 강의가 바뀐 부분이 있던데, 이 경우 강의 내용을 기준 삼아 학습하는 것이 좋을까요?

5. [실전 훈련] 사고 실험: 상태 누적 시각화 추적하기예시에서[Step 2] setTimeout과 Promise 등록등을 보면 Call Stack이 비어있음 이라고 표현하셨는데, main 호출후 -> 동기코드 완료될때까지. Call Stack은 엄밀히 비어있는 상태가 아니지 않나요?즉 console.log("D") 가 출력되기 전까지는콜 스택이 비워지는 상태가 발생할수 없지 않나요? 혹시 제가 잘못 알고 있을수도 있으니조심히 여쭙습니다.

안녕하세요 제로초님 좋은 챌린지 만들어 주셔서 감사합니다^^혹시 전자책으로 구매인증 가능할까요?

질문 구체적으로 남겨주시면 저자가 확인하는데로 답변 달아드립니다.*오픈카톡방https://open.kakao.com/o/g13yikii

안녕하세요.이번에 Node.js and CS Part 1을 수강했고 이어서 Part 2도 열심히 수강할 예정입니다.이전에도 느꼈던 부분이지만 AI 시대에는 프론트엔드와 백엔드를 엄격하게 나누는 의미가 점점 줄어들고 있다는 생각이 들었습니다. 그런 흐름 속에서 강의가 저에게 정말 많은 도움이 되었습니다.좋은 강의 만들어주셔서 감사합니다.혹시 Node.js 시리즈가 Part 3까지 이어지는 것으로 보이는데 그 다음 강의에 대해서도 계획하고 계신 내용이 있을까요?개인적으로는 운영/배포 과정에서의 실무 노하우나, 확장 가능한 프로젝트 구조 설계, npm 패키지 제작, 디자인 패턴 같은 주제에도 관심이 많아서 이후 강의에서 이런 내용들도 다뤄주신다면 정말 재미있게 들을 것 같습니다.다음 강의도 기대하고 열심히 공부해보겠습니다.

위 이미지처럼 vite 설 치후 section04를 만든후, app 을 실행하려고 봤더니 이런 에러가 나고 있습니다 이유가 뭔지 모르겠네요.;;;

Node.js가 I/O집약적 서비스에서 탁월한 성능을 발휘하는 원리가 궁금합니다.

안녕하세요Page 217 Page에서 REQUIRMENTS/TEST_CASE 를 만들기 위한프롬프트를 확인 할 수 있는 방법이 있을까요?그리고 Page 219 Ticket Entiy를 설계후애 Claude에게 DATA_MODEL.md를 작성을 해달라고 하는건가요?? 아니면 해당 프롬프트가 따로 있는건가요??

목소리도 그렇고 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, }  확인 한 번 부탁드리겠습니다..!

안녕하세요.수파베이스 ORM 섹션을 듣고나니 일반적인 백엔드 서버와 api 라우트를 정의하고 데이터를 주고받는게 아닌 클라이언트에서 직접 수파베이스 ORM를 호출할 수 있는 것으로 확인되는데요!현재 회사에 프론트엔드 개발자 2명이고 백엔드 지식이 많지않아 next.js + 수파베이스로 MVP 검증부터 진행할 것같습니다.수파베이스로 MVP 검증후 별도의 백엔드 서버로 분리하게되었을때(분리가 꼭 필요한지도 사실 잘 모르겠습니다.) 분리비용을 최소화히기위해 api호출 과정을 next.js의 api라우트를 무조건 거쳐서 수파베이스를 접근하게하려고하는데 이런 과정이 유의미한 작업이 될 수 있는지 궁금합니다.

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

안녕하세요. 프론트엔드만하다가 강의보고 백엔드에대해 알아가는중입니다. 백엔드쪽은 아예 기반이 없다보니 하나하나 해보면서 따라가고있는중입니다. 1. 트리거는 ui로 설정을안하고 SQL 에디터로 설정을 해주셨는데 따로 이유가 있을까요??2. 트리거와 그 안에서 작성해주신 업데이트 함수가 별도로 관리되는것같더라고요.functions가 유틸함수고 Triggers가 시점과 적용대상(어느 테이블에 적용할지?)를 관리하는 영역으로 이해하는게 맞을까요?3. 트리거는 테이블영역에서 적용이 불가능한가요? RSL처럼요!! 뭔가 분산되어있는 느낌이 있어서요. 4. 숙제내용 제출 

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

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

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 설정파일이 없어요.  이유가 있나요? 동일해야하는거 아닌가요?