inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

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

일반 강의와 차이점?

미해결

2시간만에 먹는 생성형 AI 활용 완성 챌린지 1기

안녕하세요? 혹시 일반 강의하고 차이점이 궁금해서 그러는데 질문드려도 될까요? 혹시 챌린지 기간 중에만 볼 수 있는 강의인가요?

  • HTML/CSS
  • javascript
  • 업무-생산성
  • 인공지능(ai)
  • chatgpt
꿈냥이 댓글 1 좋아요 1 조회수 78

!= 연산자의 역할

미해결

생활코딩 - 자바스크립트(JavaScript) 기본

안녕하세요. AI 퀴즈 중에 ' != 연산자의 역할은 무엇일까요?' 란 퀴즈가 나왔습니다. 거기서 보기가 A == 연산의 반대 결과를 반환한다. B 값만 다르면 true를 반환한다. 등등 인데, A가 정답이고 B는 오답이라고 하더군요. B도 정답이지 않나 싶어 질문 드립니다.

  • javascript
minchul 댓글 1 좋아요 0 조회수 46

중요하진 않지만 설명하신부분에서 안된부분..

미해결

나혼자 하는 코딩독학서, 코딩-레벨-업(입문-봄)

6:54 에서 설명하신부분이 안되신 body에서 Pretendard-Black 으로 안바꾸고 Pretendard-Regular로 되어있어서 900 설정이 안되신거 같습니다 중요한부분은 아니지만 안되신 원인이 있는것 같아서요

  • HTML/CSS
  • javascript
Cao 댓글 1 좋아요 1 조회수 49

강의 듣는 순서가 어떻게 되나요?

미해결

핵심만 골라배우는 JavaScript

로드맵 수강중인데요. js 듣고 리액트 듣는데 타입스크립트 얘기가 많이나와서 타입스크립트 먼저 듣고 리액트 듣는건가 싶어서 여쭤봅니다

  • javascript
임형우 댓글 1 좋아요 0 조회수 61

stopPropagation()에 대해서 질문 있습니다.

해결됨

이벤트부터 SPA까지, 상호작용 웹의 필수 엔진 - [DOM 완전 정복 Part 2]

안녕하세요? 강의를 듣다가 궁금한 것이 있어서 글을 남깁니다. 섹션 5에서 stopPropagation() 설명이 나올때 상위로 전파 차단이 라고 설명을 주셨는데, 강의를 모두 듣고 보면 상위로 전파 차단 뿐만이 아니라 즉 캡쳐링 뿐만 아니라 버블링도 차단 해주는 걸로 이해가 되고 있습니다. 혹시 상위로 전파 차단이란 것이 캡쳐링이 아닌 다른 의미로 쓰인건지 궁금합니다. 상위로 전파 차단이 혹사 다른 의미로 쓰였다면 그 의미에 대해서 알 수 있을까요?

  • HTML/CSS
  • javascript
  • react
  • web-api
  • dom
eddie 댓글 2 좋아요 0 조회수 68

12.13) 하단 여백 스타일링 관련 질문 드립니다.

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

QnA를 살펴보다가 아래 질문글 을 보게 되었는데요, min-height: 100vh 를 넣으면 display: flex 없이도 전체 화면을 꽉 채우게 설정이 돼서 사실 display: flex 가 없어도 되는 상황이었어요. 이 부분은 제가 강의에 수정해두도록 하겠습니다 위의 내용으로 답변해주셨더라구요! 저는 지금 #root 에 min-height: 100vh 가 있는 상황인데도 불구하고 .Editor > section { margin-bottom: 40px; } 을 추가하면 하단 여백이 생겨서 강의 내용대로 body 에 display: flex; 를 추가해야 의도한 대로 보이는데, 그 전에는 어떤 부분이 달라서 min-height: 100vh 만으로도 스타일링이 가능했던건지 궁금합니다..! 혹시 강의가 수정된 부분이 있다면 어떤 부분인지 알 수 있을까요?

  • javascript
  • react
  • css
멍멍 댓글 2 좋아요 0 조회수 83

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 조회수 121

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

해결됨

"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 조회수 123

Enable Linting 항목을 찾을수가 없습니다.

해결됨

진짜! 자바스크립트(Javascript) - 기초부터 고급까지

해당 항목을 비활성화 하라고 하셔서 찾는 중인데 찾을수가 없습니다.

  • javascript
  • es6
  • 객체지향
  • es5
brain_exit 댓글 2 좋아요 0 조회수 76

에러 질문드립니다

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

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

  • javascript
  • react
  • node.js
tpals2001 댓글 2 좋아요 0 조회수 99

1강 질문

해결됨

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

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

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

윈도우에서는동작줄이기가어디에있을까요??

해결됨

웹 애니메이션을 위한 GSAP 가이드 Part.03

윈도우에서는 동작 줄이기가 어디에 있을까요??

  • javascript
  • 애니메이션
  • 인터랙티브-웹
  • gsap
  • scrolltrigger
JJJ 댓글 1 좋아요 0 조회수 53

백오피스를 개발할 때 아키텍처 구성에 대한 질문

미해결

[React 2부] 고급 주제와 훅

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

  • javascript
  • 웹앱
  • React-Context
  • react-hooks
gaabi1204 댓글 3 좋아요 0 조회수 97

ai가 만든 강의인가요?

해결됨

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

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

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

VSCode 설정 문의

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

안녕하세요 선생님, 강의 잘 듣고있습니다! 다름이 아니라, 설정 문제인지 현 시점 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, } 확인 한 번 부탁드리겠습니다..!

  • javascript
  • react
  • node.js
yksys11 댓글 2 좋아요 0 조회수 124

PPT 코드 관련 질문

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

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

  • javascript
yeonn0527 댓글 2 좋아요 0 조회수 64

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 조회수 65

몽고 db 접속 오류

미해결

Do it! Node.js 프로그래밍 입문

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

  • javascript
  • node.js
  • mongodb
  • express
ustina 댓글 1 좋아요 0 조회수 53

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 조회수 108

인기 태그

인프런 TOP Writers

주간 인기글