묻고 답해요
167만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
추가적인 스택 질문입니다.
TanStack Query, React Hook Form, Zod 같은 스택은 준필수일까요? 페이지 3~4개 정도 되는 소규모 프로젝트 시작하기 전에 먼저 배울까 실효성에 대해서 고민중입니다.
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
async 관련해서 질문있습니다.
수업내용에서는 getData함수에서도 async를 붙여줬는데 안붙여도 값이 나오더라구요. 혹시 특별히 붙여준 이유가 있을까요?
-
해결됨한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
ssr방식 경험
취업준비를 위해react, next 강의를 듣기전에 프레임워크에 대한 깊은 이해를 위해바닐라js로 spa + csr방식을 체득하기 위해 이 강의를 듣고 있습니다. spa + ssr방식 또한 react,next에서도 사용한다고 알고 있는데 현재 강의에서 spa + csr방식만 잘 체득하고 프레임워크에 대한 공부를 해도 충분할지 제대로 이해하려면 바닐라 js로 spa + ssr방식도 이해하고 직접 구현 해보면서 체득하고 넘어가야지 프레임워크에 대한 깊은 이해가 가능할지가 궁금합니다..
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
063강 todos 상태 정의 위치 질문
todos는 list 컴포넌트에서 정의하는게 좋지 않나요?todos 변화는 list에서만 관리하면 되잖아요.
-
미해결프론트엔드 마스터클래스
원시 데이터 할당 방식
안녕하세요, 강의 잘 듣고 있습니다!1강의 14. 힙과 스택의 비교 강의 중 궁금한 점이 생겨 문의 드렸습니다. 자바 스크립트는 컴파일 타임에 변수명을 저장하고, 런타임에 코드 순서대로 값을 할당한다고 알고 있습니다.그렇다면 자바스크립트에서는 할당이 런타임에서 이루어지고 그에 따라 원시데이터의 크기도 런타임 시점에서 정해지는 것 아닌가요?
-
미해결핵심만 골라배우는 JavaScript
강의 수정이 좀 필요해보입니다.
in & with 키워드에서 with 키워드는 vscode에서 에러가 나기도 하고 mdn에서도 지원중단 및 권장하지 않아 해당 부분은 확인후 수정이 필요해보입니다.혹시 몰라 링크도 같이 첨부하겠습니다.https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/with
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
filter() 사용 시 초보자 실수
filter안에 콜백 함수는 반드시 true/false를 리턴해야함만약 콜백 함수를 {}중괄호를 사용하였는데 return을 안붙이면 undefined을 반환undefined은 falsy한 값으로 판정하여 filter로 값을 담지 못하게됨 따라서 항상 빈배열{}중괄호를 사용했다면 return을 명시return을 사용 안 할 시 {}중괄호 제거 -> 자동return
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
52강 ref={inputRef} 질문
제출할때 문제가 되는 입력창으로 포커스를 보내는 로직에서 입력창이 10개면 inputRef 같은 레퍼런스 객체를 10개 만들어서 입력창마다 ref={inputRef} 같은 코드를 추가하는건가요?
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
강의 전체 소스 코드를 받고싶습니다.
전에도 문의 드렸는데 답변이 안 와서 다시 작성합니다. yeontest391@gmail.com
-
미해결AI와 함께 배우는 Next.js
17강 상품 목록 페이지 데이터 호출 api 안
17강 따라하고 실습하는 과정에서 참조되는 api가 접속이 안됩니다. 대체 api나 실습 방법을 알려주시면 감사하겠습니다. https://app-router-api-five.vercel.app/api/products
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)
87.JavaScript & jQuery - 유효성 체크 애니메이션 로그인폼(3)
안녕하세요.87.JavaScript & jQuery - 유효성 체크 애니메이션 로그인폼(3)강의에 다른 강의가 올라와 있는 것 같은데 좀 바꿔 주실 수 있으신가요?감사합니다.
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
혹시 백엔드에 관련하여 강의를 올리실 생각이 있으실까요?
혹시 백엔드에 관련하여 강의를 올리실 생각이 있으실까요?
-
해결됨웹 프론트엔드를 위한 자바스크립트 첫걸음
4-23 Promise객체 12:05 코드 질문
⚠질문 작성법- 몇 섹션의 어떠한 강의에 대한 질문인지 작성해주세요. (ex. 섹션2 조건문에 대한 질문)- 질문은 최대한 구체적으로 작성해주세요.- 비슷한 질문이 올라와있는지 확인해주세요.- 코드가 포함된 질문은 아래와 같이 코드블록을 사용해주세요.console.log("hello world");안내사항- 질문에 대한 답변은 보통 주말, 공휴일을 제외한 평일 오전 시간에 답변해드립니다. - '질문 해결'은 답변 작성일 기준 1일 이후에 설정됩니다. 섹션4 23 Promise객체 강의에서 12:05시간에 아래와 같은 예제를 설명하는데,const executor = (resolve, reject) => { setTimeout( () => { reject("실패"); }, 3000); }; const promise = new Promise(executor); promise .then((res) => { console.log(res); }) .catch((err) =>{ console.log(err); });코드 아래에서 promise.then(...).catch(...);와 같은 형식으로 사용될 수 있는 이유를 알려주세요.then과 catch는 property라고 했는데, 이와 같이 초기화 하는 내용은 강의에서 못들은것 같고, Promise chaining으로 넘겨짚기에는 각 함수에서 객체를 리턴하지도 않고... 모르겠네요.
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
input과 select 태그에 value 값 설정
안녕하세요 5.8) State로 사용자 입력 관리하기 1 에서 input과 select 태그에 value 값을 설정해주셨는데, 초기값을 설정해줄 필요가 없는 경우에는 value 값을 생략해도 괜찮은가요?
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
[e.target.name]: e.target.value 문법을 자바스크립트 객체 챕터에서 배웠었나요?
내용 하나하나 기록하면서 수업 듣고 있었는데..말씀 중에[e.target.name]: e.target.value,이렇게 객체를 생성하면서 프로퍼티의 key 값에 대괄호에 변수 이름을 넣어서 생성하는 부분이 있다고 하셔서 기존글을 계속 뒤져봤는데 자바스크립트 객체 챕터에서 예시가 안보여서 혹시 어디 부분의 어느 예시로 알려주셨는지 알고 계신분이 계시면 공유좀 부탁드립니다....
-
해결됨실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트
toggleIsModalOpened 테스트 할때 궁금한 점이 있습니다.
제 생각에는 단순히 true가 됨을 테스트 할 것이 아닌 false => true => false와 같은 테스트 단계가 필요하다는 생각이 드는데 이런 연속적인 테스트는 어떤 식으로 구성하는 것이 좋은가요?
-
미해결떠먹는 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]))
-
미해결자바스크립트로 배우는 자료구조 & 알고리즘 (개념+문제풀이)
학습 방향성에 대한 문의
구현 원리는 어느정도 이해하였고 강의를 보고 구현 코드도 이해하였는데 직접 코드로 구현하려고 하니 잘 안됩니다 기본적인 예제나 구현을 암기하는게 맞을까요? 아니면 문제풀이를 반복하면서 막히면 보고해서 익숙할 때까지 푸는 방향이 맞을까요? 문제풀이와 구현 암기 중 어떤 것이 선행되어야 하는 지 여쭤보고 싶습니다