묻고 답해요
169만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결떠먹는 Three.js
맥북 듀얼모니터 사용 displaylink manager 사용시 화면이 안보입니다.
맥북 사용중이고 displaylink manager를 사용해서 듀얼모니터에 연결해서 강의를 듣고있습니다.그런데 강의 보기 너무불편합니다.아예 듀얼모니터 다 연결하면 검정화면으로 보여요저작권 보호를 위해 막아두신건 알겠습니다.해결방안으로 하드웨어 가속 끄기 설정이던데로컬에서 서버 실행시 threejs 가 안보이고 빈화면으로 보이게됩니다.이거 어떻게 못할까요ㅜㅠ 무단으로 복제해가는사람들은 어떻게든 복제해갑니다..강의들을때 너무 불편합니다.
-
미해결자바스크립트로 배우는 자료구조 & 알고리즘 (개념+문제풀이)
생산 공정 최적화 (이분탐색) worst Case 수정
function solution(n, speeds) { let left = 1; let right = Math.min(...speeds) * n; //최악의 경우 : 가장 빠른 기계가 n개의 제품을 만드는 시간 let answer = right; while(left <= right){ const mid = Math.floor((left+right) / 2) let total = 0; for (let time of speeds) { total += Math.floor(mid/time) // 중간 시간에 생성할 수 있는 제품 수 } if(total >= n){ answer = mid; right = mid - 1; } else { left = mid + 1; } } return answer } console.log(solution(8, [5,9])) console.log(solution(6, [7,10])) 최악의 경우가 가장 느린기계가 제품을 모두 생성하는 시간이 아닌 가장 빠른 기계만 사용해서 제품을 모두 만드는 경우가 최악의 케이스 같습니다!
-
미해결자바스크립트로 배우는 자료구조 & 알고리즘 (개념+문제풀이)
버블정렬
function bubbleSort(array) { const n = array.length for (let i=0; i<n; i++){ for (let j=0; j<n; j++) { if (array[j] > array[j+1]) { [array[j], array[j+1]] = [array[j+1], array[j]] } } } return array } console.log(bubbleSort([77, 42, 6, 4, 3, 5, 1, 35, 222])) 수업에서 사용하신 코드인데 버블정렬의 브레이크 포인트와 이미 정렬된 뒷 부분까지 비교할 필요가 없지 않나요? 저렇게 사용하신 다른 이유가 있으신 지 여쭤보고 싶습니다!function bubbleSort(array) { const n = array.length for (let i=0; i<n-1; i++){ let swapped = false; for (let j=0; j<n- i; j++) { if (array[j] > array[j+1]) { [array[j], array[j+1]] = [array[j+1], array[j]] swapped = true; } } if (!swapped) break; } return array } console.log(bubbleSort([77, 42, 6, 4, 3, 5, 1, 35, 222]))
-
미해결자바스크립트로 배우는 자료구조 & 알고리즘 (개념+문제풀이)
학습 방향성에 대한 문의
구현 원리는 어느정도 이해하였고 강의를 보고 구현 코드도 이해하였는데 직접 코드로 구현하려고 하니 잘 안됩니다 기본적인 예제나 구현을 암기하는게 맞을까요? 아니면 문제풀이를 반복하면서 막히면 보고해서 익숙할 때까지 푸는 방향이 맞을까요? 문제풀이와 구현 암기 중 어떤 것이 선행되어야 하는 지 여쭤보고 싶습니다
-
미해결자바스크립트로 배우는 자료구조 & 알고리즘 (개념+문제풀이)
큐 구현 관련
현재 queue는 따로 구현하지 않고 shief() 메서드를 이용하고 있는데 queue 구현하지 않고 shief()로 했을 때 성능차이 크게 없을까요? 코딩 테스트 시에도 이렇게 진행해도 되는 지 여쭤보고 싶습니다.
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
Context 관련 상태관리도구 질문있습니다!
안녕하세요! 회사에서 프론트엔드업무도 맡게되어 강사님 강의로 잘 배우고 있습니다!😍😍 Context=props driling을 방지하려고 데이터를 꺼내쓰는 저장소를 만든다고 이해했습니다.만약 Context.Provider로 "최상위 컴포넌트"를 감싸주면 그게 "전역" 저장소 역할을 하는거 아닌가요?!.. Redux나 zustand? 같이 전역저장소 역할을 하는 툴들이 있다고 하던데조사해보니 value={{todos,b,c]} 일때 redux는 구독이라는 개념으로 todos의 "길이변화"를 감지해서 "특정 컴포넌트만 리렌더링" 시킬수있다..? 이런 정밀한 작업의 차이밖에 없는걸로 이해돼서요! 좀더나은 Provider로 이해됐습니다. 로그인 정보라던가 현재 선택한 메뉴정보, 장바구니정보 이런데이터들을 담기위해 앱최상단에 Provider로 감싸는건 안좋은 방법일까요? 굳이 Redux나 zustand같은 툴들을 사용하는 이유나 적절한 사용법이 궁금합니다!
-
해결됨시나브로 자바스크립트
깃헙 초대 관련
깃헙 초대 계정 보낸지 7일넘게 지났는데 아직 답장이 없으시네요. 언제 초대 가능할까요
-
해결됨React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드
tailwind 설치 명령어 관련 질문
안녕하세요! 강의 노션에서는이렇게 나와있는데 npx tailwindcss init만으로는 tailwind.config.js만 설치되고, postcss.config.js는 설치가 안되는 게 아닌가요? npx tailwind init -p 명령어를 사용해야 하는지 여쭤보고 싶습니다! 그리고 위 두 명령어만 입력해서 tailwind를 사용하려고 하니 에러가 떠서 찾아보니까Vite가 postcss.config.js 읽다가 autoprefixer 플러그인을 불러오려고 했는데, 프로젝트에 autoprefixer 패키지가 설치되어 있지 않아서 터진 거야.라고 하더라구요npm install -D tailwindcss@3이 아니라 npm install -D tailwindcss@3 postcss autoprefixer 이 명령어를 사용해야 한다고 해서 사용해보니 에러가 해결된 상태입니다.노션에 적혀있는 명령어와 달라서 여쭤봅니다! npm install -D tailwindcss@3 postcss autoprefixernpm install -D taiㅇindcss@3 postcss autopnpm install -D tailwindcss@3 postcss autoprefixerrefixer
-
해결됨카카오 면접관이 알려주는 반드시 알아야하는 Distributed Environment
강의 순서
안녕하세요, 미래에 네이버에 취업할 취업준비생입니다.다름 아니라, 이번 미니 프로젝트로 msa 환경을 바탕으로 하는 프로젝트를 기획중에 있습니다.msa에 대해 무지해서, 어떤 것부터 차례대로 강의를 수강하면 좋을지 말씀을 듣고싶어서 질문 남깁니다.저는 웹 프로젝트를 준비 중에 있고, 언어로는 java를 사용, spring boot를 이용해서 개발하려고 합니다.추가적으로 결제시스템까지 도입예정에 있어서, 후에 kafka 도입까지 고려하고 있습니다. 감사합니다.
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
continue를 사용하는 이유
break로 해도 되는데 continue를 사용한 이유가 궁금합니다.for (let nv of [v * 2, v * 2 + 1]) { if (nv > 7) break; queue.push(nv); }
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
Live Server 실행 후 브라우저 자동 활성화 방법
안녕하세요 강의 잘 듣고 있습니다.비주얼 스튜디오 Live Server 확장 다운받고 'Open with Live Server'을 눌러서 실행을 했는데 브라우저(크롬)가 자동으로 켜지지 않습니다.실행을 하고 직접 주소를 입력하면 접속은 됩니다. 어떻게 하면 자동으로 활성화 되게 할 수 있을까요?
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
정렬 가능 여부 판단하기
뮤직비디오랑 마구간 정하기 문제를 풀어보는데 뮤직 비디오는 정렬하면 안된다고 했는데마구간 정하기에는 정렬을 해야한다고 해서 너무 헷갈립니다. 정렬 해도 되는것과 안되는것을 어떻게 구분할수 있을까요?
-
미해결Vue 3 시작하기
개발 환경부터 만들고 싶은데 강의에 생략된건가요?
안녕하세요 강사님, 정성을 담아서 만들어주신 깃 레포지토리를 클론하는 방법도 있지만, npm install 부터 시작하여 개발 환경을 구성하고싶은데, 제작해주신 강의에는 해당 부분이 없어 이렇게 문의드립니다. 아무리 이전 내용을 훑어보아도 그러한 환경을 구성하는 방식은 없고 바로 브라우저부터 띄는 것을 보아 당황스러웠습니다..
-
미해결얄코의 가장 쉬운 리액트(React)
화면표시 잘못된것같아요! 화면오류?
🛑 질문은 이곳이 아닌, 노션 페이지에 해주세요!!질문 방법 보기: https://youtu.be/2OQoqcQMxhA노션 페이지 링크: https://yalco.notion.site/157ff6b3a35780918b5af38738e7758c?pvs=4 5:50 부분 화면 표시가 잘못된것같습니다.Color count: {colors.length} 인데 위에 const numbers = [1, 2, 3, 4, 5]; 로 표시되어져있어요.
-
미해결Vue.js 시작하기 - Age of Vue.js
Vue.js not detected가 자꾸 뜹니다
브라우저 캐시 삭제 후 다시 시도해 보세요.Vue.js 개발자 도구를 삭제한 후 재설치해 보세요.Vue.js 개발자 도구 사용에 문제가 있다면, Vue.js 공식 홈페이지에서 제공하는 Vue.js Devtools를 다운로드해서 사용해 보세요.타 익스플로러에도 확장 프로그램을 설치해 보세요.위 사항들 다 하고 node.js하고 크롬도 재설치까지 해봤는데 Vue.js not detected가 뜨고 개발자 도구에 뷰 항목이 안 나옵니다. 도와주세요...
-
미해결프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
unregistered 이라 뜨며 작동하지 않습니다.
Sublime text를 실행했을때 unregistered 이라 뜨며, 크롬창이랑 같이 열어 실습을 해보았을때 서로 아무런 연결이 되지 않습니다. 어떻게 해결하면 될지 잘 모르겠습니다.
-
미해결Next.js with Spring Boot
소셜정보 수정
소셜 로그인하면 정보 수정에 비밀번호 수정은 의미 없겠네요?
-
미해결[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core
[공유] DTO optional 필드가 undefined로 잡혀 TypeORM 조건이 깨지는 현상
Postman 테스트 중 데이터를 받아오지 못하는 문제가 생겨 원인을 찾아보았습니다.같은 문제를 겪는 분이 계시면 참고하세요. 이하 AI로 작성되었습니다. 현상: /posts?order__createdAt=ASC처럼 where 파라미터 없이 호출했는데, findOptions.where.id가 MoreThan(undefined)로 만들어져 repository.find() 결과가 0건으로 나옵니다. 원인: ValidationPipe({ transform: true })로 DTO가 “클래스 인스턴스”가 되고main.ts), TS target이 ES2022+(예: ES2023, tsconfig.json)이면 초기값 없는 DTO 필드도 JS에 field;로 emit되어 인스턴스에 undefined 프로퍼티가 “존재”합니다base-pagination.dto.js). 이 상태에서 Object.entries(dto)로 필터를 만들면 undefined도 같이 파싱되어 MoreThan(undefined)가 됩니다. 참고: 이 동작은 TS 3.7의 useDefineForClassFields 도입 이후(4.3에서 esnext 기본 true, 4.6에서 es2022 타겟 추가) 현대 타겟에서 흔히 발생할 수 있습니다. NestJS/class-validator 변경이라기보다 TS 타겟/클래스 필드 emit 차이입니다. 해결: 필터 조합 시 undefined/null은 스킵하도록 방어코드 추가(예: if (value === undefined || value === null) continue;) — common.service.ts. 이 케이스를 막는 옵션은필터 조합 로직에서 undefined/null을 스킵(가장 단순/안전)(파이프 레벨로 하고 싶으면) 커스텀 파이프로 undefined 키 삭제/또는 class-transformer의 instanceToPlain(dto, { exposeUnsetFields: false }) 같은 방식으로 “undefined 없는 plain”으로 만든 뒤 사용등이 있습니다.
-
해결됨한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
compare 함수 설명에 오해의 소지가 있어보입니다.
안녕하세요. 아래 혼동을 줄수 있는 설명에 대해 문의드립니다. 아래 캡춰 설명에서 a: 다음 b: 이전 이 설명이 오해의 소지가 있어보입니다.오히려 거꾸로 설명해야 맞는거 같습니다.이 설명에서 a: 이전 b: 다음이렇게 옆 설명 멘트를 수정해야 맞는거 같습니다.
-
해결됨한입 챌린지 7기 - React.js
Day 19 미션 안내 질문
Day 19 미션 안내에서 '요구사항 2'의 State 생성 요구사항 중 action.type이 INIT인 경우에는 어떤 액션을 구현 하면 될까요?