묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
섹션 14. 학습 노트 데이터 삭제 _ 삭제 API 함수 및 기능 구현 질문입니다.
현재 게시글이 2개가 있고 게시글 '안녕핫요' 를 삭제하려고 합니다.근데 click으로 deleteItem 함수를 호출하는데 매개변수에 id값이 없잖아요??근데 '안녕핫요'게시글의 휴지통버튼을 누른뒤 this.postitem을 하면 '안녕핫요'의 객체정보만 콘솔화면에 찍히는데. 이를 어떻게 판단했는지가 궁금합니다.(props로 내려받은 객체 2개가 찍혀야 하는게 아닌가요?)mainPage에서 반복문을 통해 자식컴포넌트에 props로 정보를 내려준건 알겠는데요, 어떻게 deleteitem의 매개변수에 정보가 없는데도, 제가 무엇을 삭제하려고 했는지 알고 객체 정보를 가져오는 것일까요?this.postItem을 하면 props로 내려받은 postitem 2개를 가져와야하는거 아닐까요?this.postItem
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
node가 제대로 실행되지 않습니다
nodejs의 파일 위치가 cmd와 동일하고 node.js 다운도 모두 끝마쳤는데 cmd에서 파일을 불러올 수 없고 터미널에서도 오류가 납니다 어떤 부분이 문제인 걸까요?
-
해결됨웹 애니메이션을 위한 GSAP 가이드 Part.02
클로저 질문
애니메이션 재생, 정지, 재시작 버튼 구현 강의에서 3:55에 클로저를 설명해주신 내용에서let toggle = false; button.addEventListener('click',()=>{ if (!toggle) { animation.pause(); } else { animation.play(); } toggle = !toggle; });이부분을 button.addEventListener('click',()=>{ let toggle = false; return ()=>{ if (!toggle) { animation.pause(); } else { animation.play(); } toggle = !toggle; } });로 변경하셨는데 변경전 코드는 잘 되는데 변경된 코드는 동작을 하지 않습니다혹시 제가 잘못 적은 부분이 있을까요?
-
미해결Vue.js 시작하기 - Age of Vue.js
구글 크롬 개발자 도구 공식 문서 url 정보가 틀립니다
44강 크롬 개발자 도구 네트워크 패널 보는 방법 동영상 강의에서 첨부에 "구글 크롬 개발자 도구 공식 문서" Hyper Text 의 하이퍼링크 정보가 https://developers.google.com/web/tools/chrome-devtools/ 인데 .... 이건 사용 안하는 url인데...https://developer.chrome.com/docs/devtools/ 이 url로 바뀐게 맞나요?
-
미해결Vue.js 시작하기 - Age of Vue.js
log 입력시, 자동완성으로 console.log이 안나타납니다.
캡틴님이 VSC에서 log만 입력하면 자동으로 console.log가 보이는데 나는 안보입니다. 어떤 플러그인이 설치 안된 걸까요? 소개한 플러그인은 모두 설치했습니다.
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
방향성에 대한 강의
마지막 멘트하실 때 앞으로 뭘 더 공부하고 어떻게 공부하면 좋을지 알려주신다고 하셨는데 그것에 대한 강의는 없는 건가요? 완강했습니다! 감사합니다~
-
미해결타입스크립트 입문 - 기초부터 실전까지
예제 이해가 되지 않는데요..
예제로 사용했던 위의 내용에서 오류가 없고실제로도 값이 10 이 나오던데요.궁금한게 logTextLength({length : 10}); 는 logTextLength의 generic 부분이 없는데도 왜 오류가 발생 하지 않나요?generic 은 선언대로 따르지 않아도 되는 건가요?
-
해결됨프로젝트 만들기
예제 코드 받을 수 있을까요??
코드 제공 부탁드려도 될까요??
-
미해결타입스크립트 입문 - 기초부터 실전까지
다른 분 질문과 동일 한데요.. 타입제한 시 예제에서 문의 입니다.
예제로 든 이 함수에서는 현재 길이는 알 수 없는 건가요? 그림에서 처럼 빨간 라인 오류를 표시 하고 있는데요.
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
마지막날을 가져올 때 getMonth에 +1을 하는 이유
23번째 줄에서 해당 월의 마지막날을 가져올 때 getMonth에 +1을 하는 이유가 무엇인가요? getMonth에 +1을 하면 이미 그 다음 월로 넘어가는 것 아닌가요?
-
해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
console.log 와 return 에 따라 다른 결과
map 사용 시 3번의 console.log 와 return의 사용이나 순서에 따라 결과가 다르게 나오는데요 이 이유가 궁금합니다
-
해결됨[코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스
출력이 안됩니다.
처음에는 앞서 질문하신 분과 같이 한글이 깨져 나왔습니다. TLS 다운 후 다시 실행 시켜보니 위 사진과 같이 출력이 나오지 않습니다.
-
미해결처음 만난 리액트(React)
serve -s build => command not found인 경우
npx serve -s build라고 입력하시면 됩니다:)환경 변수, 경로 확인, 재설치 별별 삽질하다가뒤늦게 알았어요 ㅎㅎ
-
미해결처음 만난 리액트(React)
강의영상대로 코드를 작성했는데 오류가 나와요
각 파일별 코드 첨부합니다. 위와같이 코드를 작성했는데 이런 에러 창이 뜨네요 확인해봐도 빼먹거나 잘못입력한 부분은 없는 거 같은데 뭐가 문제일까요??
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
수업과는 상관없지만 개발 순서와 완성도에 대해 질문드립니다!
안녕하세요!저는 프론트수업과 백엔드 수업을 듣고 하나의 웹을 혼자서 만들어보려고 하는데요.프론트부분과 백엔드 부분 중 어느 부분을 먼저 만들어야하는지 궁금합니다.그리고 백엔드 개발자를 준비한다면 프론트 부분의 완성도가 어느정도여야 하는지도 궁금합니다.( 포트폴리오 제출시 어필하기 위해서 )질문이 많이 모호해서 답변해주시기 어려울 것 같다는 생각이 드는데요, 혼자서 포트폴리오를 위해 웹을 제작하는 경우 어느정도까지 완성해야하는지가 궁금합니다.
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
이 풀이도 가능한지 궁금합니다 !
function solution(M, arr) { const N = arr.length; let answer = Number.MIN_SAFE_INTEGER; for (let i = 0; i < N; i++) { let pp = []; // 상품 가격 let pd = 0; // 배송비 let cnt = 1; pp.push(arr[i][0]); pd += arr[i][1]; for (let j = i + 1; j < N; j++) { pp.push(arr[j][0]); pd += arr[j][1]; cnt++; const maxPrice = Math.max(...pp); // 총 가격 계산 const totalProductPrice = pp.reduce((total, val) => { if (val === maxPrice) total += val / 2; else total += val; return total; }, 0); const totalPrice = totalProductPrice + pd; if (totalPrice > M) break; answer = Math.max(answer, cnt); } } return answer; } 현재 예제에서는 답이 나오는데 괜찮은지 문의드립니다 !
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
코드리뷰 부탁드립니다!
강사님, 안녕하세요.문제를 미리보고 강의를 들었는데, 큰 개념은 비슷하지만 코드의 시간복잡도, 공간복잡도가 다를 수 있을 것 같아서 코드리뷰를 요청드립니다. for문을 통해 슬라이딩 윈도우를 하면서, 문자열을 쪼개고 아나그램을 비교할 때도 매번 Map을 생성하는 부분에서 비효율적인 부분이 있을 것 같은데 한번 확인부탁드리겠습니다. { function isAnagram(s: string, t: string) { const hash = new Map(); for (let val of t) { if (!hash.has(val)) hash.set(val, 1); else hash.set(val, hash.get(val) + 1); } for (let val of s) { if (!hash.has(val) || hash.get(val) === 0) return false; else hash.set(val, hash.get(val) - 1); } return true; } function solution(s: string, t: string) { let answer = 0; let n = t.length; let substr = s.slice(0, n); if (isAnagram(substr, t)) answer++; for (let i = n; i < s.length; i++) { substr = substr.slice(1) + s[i]; if (isAnagram(substr, t)) answer++; } return answer; } const s1 = "bacaAacba"; const s2 = "abc"; console.log(solution(s1, s2)); }
-
미해결자바스크립트 중고급: 엔진 핵심
[코딩 시간] JS {name: value} 이해
안녕하세요 김영보 선생님.약 1년 전에, 취준생 시절에 선생님의 자바스크립트 비기너 과정을 정말 열심히 들었고, 또 감사하게도 칭찬도 많이 해주셨는데요 취업후에 회사에서 사용하는 기술 스텍이 Java여서 Javascript와 멀어졌다가 이번에 진행하는 프로젝트에서 자바스크립트를 사용하게 되어 다시 선생님을 찾게 되었습니다. 1년 전에는 모든게 어렵게만 느껴졌는데 실무에서 1년 성실하게 구르다(?) 보니 그땐 이해가 안갔던 것들이 이해가 되네요. 정말 신기합니다! ㅎㅎ 1. 함수 선언문, 함수 호출, 함수 선언문결과: 책 2이유: 자바 스크립트 엔진이 book을 읽은 후, 두 getBook 선언문을 읽었다. 그러나 자바스크립트 동일한 메소드 명을 썻을 경우 아래의 메소드만 인식(사용)한다. 메소드 오버로딩도 마찬가지다. 허용하지 않고 아래의 함수를 읽는다. function book() { function getBook() { return "책1"; } console.log(getBook()); function getBook() { return "책2"; } } book(); 2. 함수 표현식, 함수 호출(), 함수 표현식함수 호출이 변수를 통한 함수 호출인지 혹은 표현식 내의 함수 호출인지 명확하지 않아 두 경우로 나눔2.1. 변수를 통한 함수 호출결과: 3이유: 초기화 단계에서 값이 있으면 반영하지 않으므로 temp = function plus(a, b) { return a + b; } console.log(temp(1,2)); temp = function plus(a, b) { return a - b; } 2.2. 함수 표현식의 함수 호출결과: 에러이유: 표현식 내에서 사용된 함수는 변수 내의 스코프에 존재하므로 변수 내에서만 접근 가능함. temp = function plus(a, b) { return a + b; } console.log(plus(1, 2)); temp = function plus(a, b) { return a - b; } 3. 함수 선언문, 함수 호출(), 함수 표현식결과: undefiend문, 함수 호출(), 함수 표현식이유: 자바스크립트 엔진이1. 함수를 읽고 (스코프에 등록하고)2. 변수를 읽어 undefiend로 초기화 하고3. 변수를 만나면 값을 할당하는데, 아직 변수를 만나지 않아 2번 과정에 그쳤기 때문 function threeFunction() { return "세번째 경우의 수"; } console.log(threeVariable); var threeVariable = threeFunction(); 4. 함수 표현식, 함수 호출, 함수 선언문결과: 김영보 선생님 최고이유: 자바스크립트 엔진이1. 함수를 읽고 2. 변수를 읽어 undefiend로 초기화 하고 3. 변수를 만나면 값을 할당하는데, 함수는 이미 호이스팅 되어 있으므로 word에 정상적으로 값이 할당됨4. console.log가 찍히는 시점에는 이미 값이 제대로 들어가있기 때문에 값이 제대로 찍힘 var word = lastFunction(); console.log(word); function lastFunction() { return "김영보 선생님 최고"; }
-
미해결타입스크립트 입문 - 기초부터 실전까지
name 과 address 값에 계속 빨간 줄이 나와요.
name과 address 값에 계속 빨간 줄이 나오는데 어떤 오류인지 모르겠어요resolve에도 빨간 줄이 나와요. 그래서 아래와 같이 반환 값 타입을 지정해줬더니 괜찮아져요 이유가 뭘까요?
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
이렇게 풀어도 괜찮을까요?
function solution (arr){ let answer = []; let count = 1; for(i=0; i<arr.length; i++) { let max = Math.max(...arr); for(j=0; j<arr.length; j++) { if(arr[j] === max && arr[j] !== 0){ answer[j] = count; arr[j] = 0; if(Math.max(...arr) !== max) count++; } } } return answer;}