묻고 답해요
172만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨React 마스터 클래스: Part 1 - 미션으로 깨우치는 렌더링 본질과 설계
ReactScriptExample 관련 질문
안녕하세요 강의 잘 듣고 있습니다 강의에서 index.html 부분을 설명해주실 때 최신 문법의 js를 사용하고 있어 babel이 jsx를 구버전 js로 컨버팅하는 역할을 수행한다고 설명을 해주셨는데요 node js 로 서버를 호스팅하지 않더라도 로컬 경로의 html이 크롬에서 렌더 되서 보이더라구요 브라우저는 chrome을 사용하고 있는데, 이건 그냥 최신 브라우저들이 jsx를 지원하고 있다고 이해하면 될까요?
-
미해결합격을 부르는 웹 프론트엔드 포트폴리오 2025 (기초)
알려주세요.
다운로드된 수업자료에서 활용 강좌의 완성 예제 깃허브 경로https://designdigit.github.io/front-portfolio-2025-1https://designdigit.github.io/front-portfolio-2025-2로 들어가면 404오류가 뜨고There isn't a GitHub Pages site here.이렇게 나옵니다. 정확한 경로를 알려주세요. 그럼 답변기다리겠습니다.
-
해결됨React 마스터 클래스: Part 3 - 실무 핵심 라이브러리 정복 (TypeScript, Zustand, React Hook Form, TanStack Query)
81강 실습 자료 없음
'81강. [Pain] 대규모 삭제 작업 시 발생하는 수많은 요청을 하나로 묶기'에 관하여 실습 자료가 없는데 혹시 의도된 것일까요?
-
해결됨React 마스터 클래스: Part 3 - 실무 핵심 라이브러리 정복 (TypeScript, Zustand, React Hook Form, TanStack Query)
62강 실습자료가 잘못되었습니다.
62강 실습 자료로는 '[Solution] Stale-While-Revalidate: 사용자에게는 캐시를, 뒤에서는 갱신을'에 관한 내용이 나와야하는데, 현재는 '[Pain] 수동으로 관리하던 전역 로딩/에러 상태가 로직을 오염시킬 때'로 나와있습니다. 62강 실습 자료 교체 부탁드립니다.
-
미해결단테의 코덱스 완벽 가이드 입문
수업자료가 저만 못찾나요?
강의중에 수업자료를 올려두었다고하는데,어디에 올려둔건지 모르겠습니다.PDF파일만 자료 다운로드 받는데요,그외는 어디서 받을 수 있나요? 강의 밑에 있군요,
-
해결됨"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part 2 - 스트림 아키텍처와 하드웨어 통제기
강의 목표
안녕하세요. AI 딸깍의 시대를 1~4 구매하여 수강 중에 있습니다.강의를 듣다보니, 의문이 들어서 문의드립니다.AI로 딸깍하니, 얕은 수준으로 다루게 되니 원리를 이해하자를 이야기하고자 해당 강의가 있는 것 같습니다.실무에서는 라이브러리나 프레임워크로 개발을 진행하게 되는 것 같습니다.원리를 이해하면 개발을 조금 더 잘하게 된다? AI에 명령을 내릴 때 조금 더 잘 내릴 수 있다? 아니면 장애가 터졌을 때 이유를 알 수 있다?그것도 아니라면 개발 시 장애를 미리 예측하여 대응할 수 있다로 봐야할까요? 보면서 궁금하여 문의드립니다.
-
미해결단테의 코덱스 완벽 가이드 입문
수업자료 링크요청
전체 수업자료 받을수있는 링크 알려주세요.강의 하시는 .md파일등은 수업자료로 제공되지 않나요?
-
해결됨"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part1 - V8과 코어 해체기
강의 노트 위주로 학습
안녕하세요.현재 Node.js를 학습한 뒤 NestJS를 공부하고 있습니다.부족한 CS 지식과 Node.js의 내부 동작 원리를 보완할 수 있을 것 같아 강의를 수강하고 있는데, NestJS 학습과 개인 프로젝트를 병행하다 보니 강의를 모두 시청하는 데 많은 시간을 투자하기가 어려운 상황입니다.그래서 가능하다면 강의 노트를 중심으로 학습하여 시간을 조금 더 효율적으로 활용하고 싶습니다.혹시 강의 노트만으로도 핵심 내용을 충분히 습득할 수 있을까요? 아니면 영상 강의를 통해서만 얻을 수 있는 중요한 설명이나 실무적인 인사이트가 많은 편인지 궁금합니다.만약 강의에서만 얻을 수 있는 내용이 많다면 시간을 조금 더 내서라도 영상을 함께 수강하려고 합니다. 의견 부탁드립니다.
-
해결됨미국 빅테크 프론트엔드 시스템 디자인 실전: 단순 구현자로 남지 않기 위한 프론트엔드 개발자를 위해
현재 미니케이스 자동완성 검색창 설계1 강의를 보고있습니다.
헌데 아직까지는 잘모르겠어요할인된 가격6만원주고 샀지만 아직까지는 실제 현업에서 발생하는 것들에대해서 실질적으로 도움이될만한 내용을 다루고있는것같지는 않은것같아요.이론적인부분들만 얕게 나열해주시는데 6만원도 아직까지는 아깝다는 생각이듭니다. 그래도 이왕 들은거 끝까지듣고 판단하려고합니다.
-
해결됨미국 빅테크 프론트엔드 시스템 디자인 실전: 단순 구현자로 남지 않기 위한 프론트엔드 개발자를 위해
강의에서 사용하시는 그림판? 이거 이름이뭘까요?
궁금해요!!
-
해결됨"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part1 - V8과 코어 해체기
MSA 와 BFF 아키텍처 설명 부분에 대한 문의
강의 2강에 대한 노트에 대한 질문입니다.💡[CS 및 실무 적용 Point: MSA와 BFF 아키텍처] 현대의 마이크로서비스 아키텍처(MSA)에서 Node.js는 특히 BFF(Backend For Frontend) 패턴의 핵심 기술로 사용됩니다. 브라우저의 DOM을 다루던 언어적 특성을 살려 클라이언트(React, Vue 등)의 요청을 쉽게 파싱하고, 이식된 운영체제 제어 능력(http, fs)을 통해 백엔드의 여러 마이크로서비스(Java, Python 등)로 비동기 네트워크 요청을 뿌린 뒤, 그 결과를 모아 빠르게 클라이언트에게 반환하는 완벽한 미들웨어 역할을 수행합니다.해당 설명에서 BFF로 NodeJs를 유용한 이유는 I/O 입출력 특출나기 때문에, BFF로 사용하면, API 요청을 받아서 마이크로 서비스에 통신 요청을 보내는 용도로 사용한다는 건가요?한번 더 거쳐가면 더 성능이 안 좋은 거 아닌가요?아니면 원래 SpringBoot로 개발되었던 웹 사이트를 NodeJs로 구현한다면 더 좋다는 의미일까요?
-
해결됨"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part 2 - 스트림 아키텍처와 하드웨어 통제기
7강 흐름 제어 아키택쳐 코드 순서
// 3. 작업 종료 알림: end 이벤트를 통해 댐 바닥 확인 streamRead.on("end", async () => { console.log("\\n✅ [종료] 댐 바닥 도착. 모든 데이터 복사 완료!"); // 메서드: 더 보낼 물이 없다고 선언하고 파이프 닫기 절차 진입 // finish 이벤트: 쓰기 파이프가 논리적으로 완벽히 닫혔음을 보장 streamWrite.on("finish", async () => { // 쓰기 파일 디스크립터(번호표) 운영체제에 반환 (메모리 누수 방지) await fileHandleWrite.close(); console.timeEnd("복사_소요_시간"); console.log( `📊 요약: 총 ${chunkCount}회 펌프질, ${pauseCount}회 비상 정지(메모리 방어 성공)`, ); // 메서드: 실험용 임시 파일 삭제 클린업 (unlink) await fs.unlink(SOURCE_FILE); await fs.unlink(DEST_FILE); }); streamWrite.end(); // 메서드: 사용이 끝난 읽기 파일 디스크립터(번호표) 운영체제에 반환 await fileHandleRead.close(); 읽기 스트림과 쓰기 스트림을 종료하는 3번 단계에서 쓰기 스트림을 end 하기 전에 .on finish를 등록을 해야 콘솔에서 요약을 볼 수 있었습니다. 클로드는 레이스 컨디션이 발생해서 그렇다고 하는데 어떤 부분에서 경합이 일어났는지 잘 모르겠습니다.
-
해결됨"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part1 - V8과 코어 해체기
addToFile function에서 path를 사용해 새로운 파일을 생성
let previousContent = ""; const addToFile = async (path, content) => { if (previousContent === content) return; // 중복 실행 방지를 위한 거름망 if(!(await fileExist(path))) return; // file이 존재하는지 않하는 지 체크 try { await appendFile(path, content); previousContent = content; console.log(`✅ ${content} is successfully appended to ${path}`); } catch (error) { if (error.code === "ENOENT") { console.log(`⚠️ ${path} does not exist`); } console.error(`❌ 에러 발생: ${error.message}`); } };catch error 부분에서 에러 코드로 ENOENT를 사용해서 path가 존재하지 않는 경우를 잡아내는 코드를 작성했지만, 실제로 실행했을 때 appendFile 자체가 이미 새로운 파일을 생성해내는데 성공하였기 때문에 error로 연결되지 않았습니다.중복 콘텐츠 방지를 위한 if 밑에 또 다른 if로 fileExist를 사용해서 early return을 하는 이런 방식으로 처리를 하는 게 맞을까요? 아니면 제가 놓친 다른 catch error 가 있는 걸까요?
-
해결됨"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part1 - V8과 코어 해체기
[46강] EventEmitter를 활용한 10가지 패턴 중 플러그인 아키텍처
사례 2번 예시에서 Plugin 클래스도 EventEmitter를 상속받는 이유가 궁금합니다. Application의 인스턴스를 주입받아 해당 인스턴스를 내부에서 활용하고 있는데 Plugin 클래스 자체도 EventEmitter를 상속받는 이유가 궁금합니다.
-
해결됨"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part1 - V8과 코어 해체기
강의가 누락된것 같습니다.
안녕하세요. 섹션2를 마치고 섹션3로 넘어왔는데"node.js 설치와 첫코드 실행"관련강의가 누락된것 같습니다. 확인부탁드립니다.
-
해결됨미국 빅테크 프론트엔드 시스템 디자인 실전: 단순 구현자로 남지 않기 위한 프론트엔드 개발자를 위해
섹션3에 대한 문의사항
안녕하세요 강사님강의를 보면서 섹션3는 혹시 언제 나오고 강의구성은 어떻게되는지 궁금해서 문의드려요
-
해결됨미국 빅테크 프론트엔드 시스템 디자인 실전: 단순 구현자로 남지 않기 위한 프론트엔드 개발자를 위해
추가 강의 있으면 좋겠어요.
먼저 좋은 강의 감사합니다.Monolith와 Modular 까지는 코드나 폴더구조들이 대충 상상이 가는데MFE 1 강의를 들었을때 필요성이나 고려사항 등등 이론적으로 이해를 했으나 강의 2에서 remote나 shell 은 설명만으로 어떤식으로 프로젝트가 세팅되는지 이해가 잘안되네요.정말 간단하게 코드 구현하는 강의 추가해주시면 안될까요
-
미해결"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part1 - V8과 코어 해체기
용어 발음법이 계속 바뀌는 것 같은데 이런 부분들 개선이 가능할까요...?
안녕하세요. 강의 잘 듣고 있습니다. libuv 발음이 '립유브이' '엘아이비유브이' '리버브' 등 발음법이 계속 바뀌네요. 다른 질문에서 답변으로 AI로 만든 강의 아니다라고 하셨고 직접 녹음한거라고 하셨는데 직접 하신거라면 조금 아쉬운 것 같습니다. 강의 내용도 흥미롭고 좋은 주제를 다루는 것 같아서 배울게 많아 정말 좋은데 이런 부분들이 조금 강의의 퀄리티를 떨어뜨리는 것 같아서 보완해주시면 좋을 것 같습니다. 강의는 정말 잘 듣고 있는 만큼 보완되었으면 하는 마음에 조심스레 글 남깁니다.
-
미해결단테의 코덱스 완벽 가이드 입문
vscode 다루는법을 모르겠습니다
VScode에서 작업한 파일들 켜는법을 몰라서 전 강의부터 진도를 못나가고있습니다
-
해결됨미국 빅테크 프론트엔드 시스템 디자인 실전: 단순 구현자로 남지 않기 위한 프론트엔드 개발자를 위해
Design a Toast Notification System 미션 관련 질문드립니다.
안녕하세요, 강사님. 강의 잘 보고 있습니다.Design a Toast Notification System 미션을 진행하고 있는데요, 작성한 내용을 채점하고 리뷰하기 위한 프롬프트가 있으면 좋을 것 같습니다. 강사님의 미션 평가 기준이 담긴 프롬프트로 커리큘럼을 잘 따라가고 있는지 점검하는 기회, 강사님과 수강생의 시간을 모두 아낄 수 있지 않을까 생각이 들어서 의견 남깁니다.남은 강의도 잘 보겠습니다. 좋은 강의 제공해주셔서 감사합니다!