174만명의 커뮤니티!! 함께 토론해봐요.
미해결
나혼자 하는 코딩독학서, 코딩-레벨-업(입문-봄)
6:54 에서 설명하신부분이 안되신 body에서 Pretendard-Black 으로 안바꾸고 Pretendard-Regular로 되어있어서 900 설정이 안되신거 같습니다 중요한부분은 아니지만 안되신 원인이 있는것 같아서요
미해결
핵심만 골라배우는 JavaScript
로드맵 수강중인데요. js 듣고 리액트 듣는데 타입스크립트 얘기가 많이나와서 타입스크립트 먼저 듣고 리액트 듣는건가 싶어서 여쭤봅니다
해결됨
이벤트부터 SPA까지, 상호작용 웹의 필수 엔진 - [DOM 완전 정복 Part 2]
안녕하세요? 강의를 듣다가 궁금한 것이 있어서 글을 남깁니다. 섹션 5에서 stopPropagation() 설명이 나올때 상위로 전파 차단이 라고 설명을 주셨는데, 강의를 모두 듣고 보면 상위로 전파 차단 뿐만이 아니라 즉 캡쳐링 뿐만 아니라 버블링도 차단 해주는 걸로 이해가 되고 있습니다. 혹시 상위로 전파 차단이란 것이 캡쳐링이 아닌 다른 의미로 쓰인건지 궁금합니다. 상위로 전파 차단이 혹사 다른 의미로 쓰였다면 그 의미에 대해서 알 수 있을까요?
해결됨
한 입 크기로 잘라 먹는 리액트(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 만으로도 스타일링이 가능했던건지 궁금합니다..! 혹시 강의가 수정된 부분이 있다면 어떤 부분인지 알 수 있을까요?
해결됨
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 최적화 기회를 잃는다고 보시는 건지, 아니면 제가 놓치고 있는 다른 맥락이 있는지 궁금합니다.
해결됨
"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part1 - V8과 코어 해체기
안녕하세요. 이번에 Node.js and CS Part 1을 수강했고 이어서 Part 2도 열심히 수강할 예정입니다. 이전에도 느꼈던 부분이지만 AI 시대에는 프론트엔드와 백엔드를 엄격하게 나누는 의미가 점점 줄어들고 있다는 생각이 들었습니다. 그런 흐름 속에서 강의가 저에게 정말 많은 도움이 되었습니다. 좋은 강의 만들어주셔서 감사합니다. 혹시 Node.js 시리즈가 Part 3까지 이어지는 것으로 보이는데 그 다음 강의에 대해서도 계획하고 계신 내용이 있을까요? 개인적으로는 운영/배포 과정에서의 실무 노하우나, 확장 가능한 프로젝트 구조 설계, npm 패키지 제작, 디자인 패턴 같은 주제에도 관심이 많아서 이후 강의에서 이런 내용들도 다뤄주신다면 정말 재미있게 들을 것 같습니다. 다음 강의도 기대하고 열심히 공부해보겠습니다.
해결됨
진짜! 자바스크립트(Javascript) - 기초부터 고급까지
해당 항목을 비활성화 하라고 하셔서 찾는 중인데 찾을수가 없습니다.
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
위 이미지처럼 vite 설 치후 section04를 만든후, app 을 실행하려고 봤더니 이런 에러가 나고 있습니다 이유가 뭔지 모르겠네요.;;;
해결됨
"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part1 - V8과 코어 해체기
Node.js가 I/O집약적 서비스에서 탁월한 성능을 발휘하는 원리가 궁금합니다.
해결됨
웹 애니메이션을 위한 GSAP 가이드 Part.03
윈도우에서는 동작 줄이기가 어디에 있을까요??
미해결
[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 작업할 때 너무 힘들었습니다. 질문이 너무 광범위해서 죄송합니다.
해결됨
"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part1 - V8과 코어 해체기
목소리도 그렇고 tts가 읊어주는 것 같은데, 그냥 ai로 대충 장료 만들고 tts 입힌 강의인거 아니죠...?
해결됨
한 입 크기로 잘라 먹는 리액트(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, } 확인 한 번 부탁드리겠습니다..!
해결됨
한 입 크기로 잘라 먹는 리액트(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 값을 출력하는 것을 의도하는게 훨씬 자연스러워서요!!
해결됨
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로 관리 하는지가 궁금합니다!
미해결
Do it! Node.js 프로그래밍 입문
안녕하세요 몽고 db vs code 접속을 위해 주소를 입력했으나 아래와 같은 오류가 계속 발생합니다. 원인을 알 수 있을까요? Unable to connect: querySrv ECONNREFUSED mongodb. tcp.cluster0.hjlawii.mongodb.net
해결됨
"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part1 - V8과 코어 해체기
💡 [CS 실무 Point: OS 계층의 역량 활용 (epoll / kqueue)] 단일 스레드라고 해서 컴퓨터가 정말로 혼자 일하는 것은 아닙니다. 파일 읽기나 네트워크 통신 같은 무거운 작업은 Node.js가 직접 처리하지 않고, 운영체제 커널이 제공하는 고성능 이벤트 통지 API(Linux의 epoll, macOS의 kqueue 등 시스템 콜) 를 통해 운영체제에게 철저하게 위임(Offloading)합니다. 즉, Node.js의 메인 스레드는 교통정리만 아주 빠르게 수행할 뿐, 실제 무거운 짐은 OS 커널이 백그라운드에서 나르고 있는 것입니다. 안녕하세요, 위 설명에서 질문이 있습니다. 운영체제에 위임하는 작업과 libuv 스레드 풀의 워커 스레드가 어떤 연관이 있고 어떻게 유기적으로 동작하는지 궁금합니다.
해결됨
타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지
73. Next.JS의 캐싱 전략 4가지 74. 데이터 캐시 - 1 (이론) 74. 데이터 캐시 - 1 (이론) 강의가 누락된거같아요 73. Next.JS의 캐싱 전략 4가지와 같은 강의가 재생됩니다.
해결됨
"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part1 - V8과 코어 해체기
2.4 Node.js의 3단계 분업 아키텍처 자바스크립트 코드가 운영체제를 움직이는 과정은 세 단계의 협업으로 이루어집니다. 자바스크립트 코드 작성: 개발자가 비즈니스 로직을 작성합니다. V8 엔진의 통역: 자바스크립트를 C++가 이해할 수 있는 형태로 통역합니다. C++ 코어 및 바인딩(Bindings): 통역된 지시를 받아 운영체제(OS)에 직접 명령을 내립니다. 이때 C++는 현장의 작업 반장 역할을 수행하며 실제 파일이나 네트워크를 제어합니다. 위 내용에서 v8의 통역 이후 부분이 이해가 잘 가지 않습니다. v8 엔진의 결과물은 C++과 관계없이 바이트코드나 기계어가 되지 않나요? 그리고 js만으로 불가능한 os 작업이 나오면 v8 실행 중에 미리 C++로 만들어 놓은 모듈을 호출하는 식으로 동작하는게 아닌지 문의드립니다. 감사합니다.
미해결
웹 애니메이션을 위한 GSAP 가이드 Part.03
섹션2. Basic Trigger Practice(3) 이 부분을 들었는데요, 여기서 강사님 화면에서는 숫자 0에서 100% 올라가는 숫자카운팅이 보여지는데 전 0% 에서 바로 100% 가 됩니다. 그 이후의 동작은 정상적으로 잘 되는데, 강사님의 소스에서도 동일한 현상이 나타나는데 이유가 뭔지 알 수 있을까요?
