inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

[46강] EventEmitter를 활용한 10가지 패턴 중 플러그인 아키텍처

해결됨

"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part1 - V8과 코어 해체기

사례 2번 예시에서 Plugin 클래스도 EventEmitter를 상속받는 이유가 궁금합니다. Application의 인스턴스를 주입받아 해당 인스턴스를 내부에서 활용하고 있는데 Plugin 클래스 자체도 EventEmitter를 상속받는 이유가 궁금합니다.

  • javascript
  • node.js
  • 컴퓨터-구조
  • frontend
  • backend
byeong 댓글 2 좋아요 0 조회수 76

강의가 누락된것 같습니다.

해결됨

"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part1 - V8과 코어 해체기

안녕하세요. 섹션2를 마치고 섹션3로 넘어왔는데 "node.js 설치와 첫코드 실행"관련 강의가 누락된것 같습니다. 확인부탁드립니다.

  • javascript
  • node.js
  • 컴퓨터-구조
  • frontend
  • backend
bridge130 댓글 2 좋아요 0 조회수 82

섹션3에 대한 문의사항

해결됨

미국 빅테크 프론트엔드 시스템 디자인 실전: 단순 구현자로 남지 않기 위한 프론트엔드 개발자를 위해

안녕하세요 강사님 강의를 보면서 섹션3는 혹시 언제 나오고 강의구성은 어떻게되는지 궁금해서 문의드려요

  • frontend
  • 시스템-디자인
  • 인공지능(ai)
sungjoonlee 댓글 2 좋아요 0 조회수 135

추가 강의 있으면 좋겠어요.

해결됨

미국 빅테크 프론트엔드 시스템 디자인 실전: 단순 구현자로 남지 않기 위한 프론트엔드 개발자를 위해

먼저 좋은 강의 감사합니다. Monolith와 Modular 까지는 코드나 폴더구조들이 대충 상상이 가는데 MFE 1 강의를 들었을때 필요성이나 고려사항 등등 이론적으로 이해를 했으나 강의 2에서 remote나 shell 은 설명만으로 어떤식으로 프로젝트가 세팅되는지 이해가 잘안되네요. 정말 간단하게 코드 구현하는 강의 추가해주시면 안될까요

  • frontend
  • 시스템-디자인
  • 인공지능(ai)
Ref 댓글 2 좋아요 0 조회수 119

용어 발음법이 계속 바뀌는 것 같은데 이런 부분들 개선이 가능할까요...?

미해결

"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part1 - V8과 코어 해체기

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

  • javascript
  • node.js
  • 컴퓨터-구조
  • frontend
  • backend
김상민 댓글 1 좋아요 0 조회수 97

vscode 다루는법을 모르겠습니다

미해결

단테의 코덱스 완벽 가이드 입문

VScode에서 작업한 파일들 켜는법을 몰라서 전 강의부터 진도를 못나가고있습니다

  • frontend
  • codex
  • vscode
허거덩 댓글 1 좋아요 0 조회수 79

Design a Toast Notification System 미션 관련 질문드립니다.

해결됨

미국 빅테크 프론트엔드 시스템 디자인 실전: 단순 구현자로 남지 않기 위한 프론트엔드 개발자를 위해

안녕하세요, 강사님. 강의 잘 보고 있습니다. Design a Toast Notification System 미션을 진행하고 있는데요, 작성한 내용을 채점하고 리뷰하기 위한 프롬프트가 있으면 좋을 것 같습니다. 강사님의 미션 평가 기준이 담긴 프롬프트로 커리큘럼을 잘 따라가고 있는지 점검하는 기회, 강사님과 수강생의 시간을 모두 아낄 수 있지 않을까 생각이 들어서 의견 남깁니다. 남은 강의도 잘 보겠습니다. 좋은 강의 제공해주셔서 감사합니다!

  • frontend
  • 시스템-디자인
유대상 댓글 1 좋아요 1 조회수 132

call stack 표현이 잘못표현된것이 아닌가요?

해결됨

"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part1 - V8과 코어 해체기

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

  • javascript
  • node.js
  • 컴퓨터-구조
  • frontend
  • backend
hanumoka 댓글 2 좋아요 0 조회수 124

강의자료가 누락됐어요

해결됨

미국 빅테크 프론트엔드 시스템 디자인 실전: 단순 구현자로 남지 않기 위한 프론트엔드 개발자를 위해

2. UI 구현자를 넘어 Product Engineer로 가는 T-아키텍처 그리고 AI 시대의 프론트엔드 엔지니어 많은 분량은 아니지만 해당강의 자료가 .excalidraw 파일에 누락되어있습니다.

  • frontend
  • 시스템-디자인
  • 인공지능(ai)
착한가지가지 댓글 2 좋아요 0 조회수 158

강의 일정 및 수업 자료 공유 관련 문의드립니다!

미해결

프론트엔드 개발을 위한 모든 지식 (개념편)

안녕하세요 해여님. 강의 잘 수강하고 있습니다. 남은 강의는 언제 업로드 되는지 일정 공유 부탁드립니다. 수업자료 공유(notion/pdf)는 가능한지 문의드립니다. 2-1. 가능하다면 어떤 형태로 언제 업로드 되는지 공유 부탁드립니다. 감사합니다. 오늘도 행복한 하루 되시길 바랍니다.

  • 웹앱
  • 아키텍처
  • 면접
  • frontend
Erica Gong 댓글 1 좋아요 0 조회수 70

27강 Context내 RSC 사용 관련 문의

해결됨

React 마스터 클래스: Part 3 - 실무 핵심 라이브러리 정복 (TypeScript, Zustand, React Hook Form, TanStack Query)

강의 잘 듣고있습니다. 한 가지 궁금한 점이 있어 질문드립니다. "App.tsx를 Provider로 감싸는 순간 그 아래 모든 컴포넌트가 서버 컴포넌트로서의 최적화 기회를 잃는다"는 부분이 잘 이해되지 않습니다. 제가 알기로는 Provider를 children prop으로 받는 composition pattern으로 작성하면, Provider 자체는 Client Component여도 그 안에 들어가는 children은 Server Component로 유지될 수 있는 것으로 알고 있습니다. Next.js App Router의 RootLayout 에서 <Providers>{children}</Providers> 형태로 쓰는 패턴이 그 예시라고 알고 있고요. 이 경우에도 RSC 최적화 기회를 잃는다고 보시는 건지, 아니면 제가 놓치고 있는 다른 맥락이 있는지 궁금합니다.

  • javascript
  • react
  • typescript
  • frontend
  • zustand
Eden 댓글 3 좋아요 0 조회수 137

혹시 다음 강의 제작 예정된 것들이 있을까요?

해결됨

"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part1 - V8과 코어 해체기

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

  • javascript
  • node.js
  • 컴퓨터-구조
  • frontend
  • backend
관태 댓글 1 좋아요 0 조회수 134

1강 질문

해결됨

"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part1 - V8과 코어 해체기

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

  • javascript
  • node.js
  • 컴퓨터-구조
  • frontend
  • backend
madwolves98 댓글 2 좋아요 0 조회수 108

ai가 만든 강의인가요?

해결됨

"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part1 - V8과 코어 해체기

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

  • javascript
  • node.js
  • 컴퓨터-구조
  • frontend
  • backend
고건호 댓글 1 좋아요 0 조회수 212

state 객체로 묶기

해결됨

React 마스터 클래스: Part 1 - 미션으로 깨우치는 렌더링 본질과 설계

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

  • HTML/CSS
  • javascript
  • react
  • 웹앱
  • frontend
감코 댓글 1 좋아요 0 조회수 77

3강 질문

해결됨

"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part1 - V8과 코어 해체기

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

  • javascript
  • node.js
  • 컴퓨터-구조
  • frontend
  • backend
박은송 댓글 2 좋아요 0 조회수 116

2강 nodejs 3단계 설명 질문

해결됨

"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part1 - V8과 코어 해체기

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

  • javascript
  • node.js
  • 컴퓨터-구조
  • frontend
  • backend
박은송 댓글 1 좋아요 0 조회수 120

17강 zustand store 서버에서 생성

해결됨

Next.js 마스터 클래스: Part 3 - 실전 아키텍처 완성 (서버-클라이언트 동기화, 극한의 최적화, 풀스택 보안)

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

  • javascript
  • react
  • typescript
  • next.js
  • frontend
byeong 댓글 1 좋아요 1 조회수 84

문의관련 문의

해결됨

React 마스터 클래스: Part 3 - 실무 핵심 라이브러리 정복 (TypeScript, Zustand, React Hook Form, TanStack Query)

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

  • javascript
  • react
  • typescript
  • frontend
  • zustand
보헤미안 댓글 2 좋아요 0 조회수 114

next.js 를 2대이상 실행하는 경우 제공하는 cache 기능들은 어떻게 되나요?

해결됨

Next.js 마스터 클래스: Part 3 - 실전 아키텍처 완성 (서버-클라이언트 동기화, 극한의 최적화, 풀스택 보안)

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

  • javascript
  • react
  • typescript
  • next.js
  • frontend
icoon22 댓글 2 좋아요 0 조회수 121

인기 태그

인프런 TOP Writers

주간 인기글