묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
toggleOneItem 내부 index매개변수 오류문제..
안녕하세요 판교님!강의 들으면서 열심히 따라가고 있습니다 다른게 아니라 처음 소스 작업할때부터 계속 발생한 오류문제인데 어떻게 해결해야될지 몰라서 질문드리는데요.. toggleOneItem: function(todoItem, index) { todoItem.completed = !todoItem.completed; localStorage.removeItem(todoItem.item); localStorage.setItem(todoItem.item, JSON.stringify(todoItem)); }, 이부분에 index매개변수때문에'index' is defined but never used no-unused-vars이라고 오류가 발생하는데 원인을 잘 모르겠습니다..index를 제거하면 작동이 잘되고 아니면 서버를 계속 종료시켰다가 다시 돌리면 오류없이 작동이 되더군요.. index를 제거하는게 좋을까요??
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
id 태그 질문입니다.
안녕하세요 그랩님. 강좌 잘 듣고 있습니다. 제가 id값을 동일하게 지정해도 한 id값만 적용된다고 배웠는데, 실제로 해 보니 동일한 id값을 갖는 모든 텍스트가 색이 변했습니다. 이렇게 된다면 id와 class에 차이가 없는 것 아닌가요?? --------코드---------- <html> <head> <style type="text/css"> p { color: orange; } #id-test { color: skyblue; } .love { color: #BA68C8; font-size: 100; font-weight: 900; } .love2 { color: #00AAFF; font-size: 100; font-weight: 900; } </style> </head> <body> <p>Hello</p> <p>Hello!</p> <div id="id-test">id</div> <div id="id-test">id</div> <div class="love">class</div> <div class="love2">class</div> </body> </html>
-
해결됨[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
결과 값이 계속 1번만 출력이 됩니다. 수정해도 오류만 뜨네요
사용자 응답 사진으로 구현하기를 만들고 있는데 2번째 질문에서 이미지를 누르면 이런 에러가 뜹니다. function ImageFadeOut(qIdx, idx) { var left = document.querySelector('.leftImage'); var right = document.querySelector('.rightImage'); left.disabled = true; left.classList.remove("fadeIn"); left.classList.add("fadeOut"); right.disabled = true; right.classList.remove("fadeIn"); right.classList.add("fadeOut"); setTimeout(() =>{ if(qIdx+1 === endPoint) { goResult(); return; } else { setTimeout(() => { var target = qnaList[qIdx].a[idx].type; for(let i = 0; i < target.length; i++){ select[target[i]] += 1; } goNext(++qIdx); },300); } },300) } setTimeout 안에 있는 var target = qnaList[qIdx].a[idx].type에서 type을 빼면 결과 값이 출력이 되지만 첫번째 결과값만 출력이 되고 배열도 [0,0,0,0,0,0]으로 출력이 됩니다. data.js는 아무 이상이 없어 보이는데 뭐가 문제일까요
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
Link 적용하기 강의 오류 사항
안녕하세요. 그랩 강사님 제가 react-router-dom을 이용한 강의를 듣다가 에러 사항이 발생해서 질문 드리게 되었습니다. product 폴더를 만들로 강의 내용 대로 코드를 작성했는데 브라우져에서 동작에 문제가 발생하고 있습니다. [문제 이미지] 위의 붉은 색으로 표시한 바와 같이 product 폴더 아래에 index.js 코드에서 id 값을 받을 수 있도록 useParams를 사용하였는데 실제 브라우져에서 확인해 보면 아래와 같이 나옵니다. 이렇게 에러가 나오면서 정상적으로 동작하지 않습니다. 에러 코드를 보면 useParams가 문제 인거 같은데 어떻게 해결해야 할지 잘 모르겠습니다. 해당 오류 해결 방법을 가르쳐 주시면 감사하겠습니다. 언제나 빠른 답변과 도움 감사합니다.
-
미해결애플 웹사이트 인터랙션 클론!
main-add.js 코드 오류 있습니다. 이거 보고 수정하세요
main-add.js 내용 적용했는데 section-2 부분의 messageC부분이 section3까지 넘어가서 뭔가 이상하다고 생각했습니다. 실제로, 강의 영상에 나온 것이랑 값이 차이나서 수정한 부분 올립니다. sceneInfo의 section2부분의 value만 변경해주시면 됩니다. values: { messageA_translateY_in: [20, 0, { start: 0.15, end: 0.2 }], messageB_translateY_in: [30, 0, { start: 0.5, end: 0.55 }], messageC_translateY_in: [30, 0, { start: 0.72, end: 0.77 }], messageA_opacity_in: [0, 1, { start: 0.15, end: 0.2 }], messageB_opacity_in: [0, 1, { start: 0.5, end: 0.55 }], messageC_opacity_in: [0, 1, { start: 0.72, end: 0.77 }], messageA_translateY_out: [0, -20, { start: 0.3, end: 0.35 }], messageB_translateY_out: [0, -20, { start: 0.58, end: 0.63 }], messageC_translateY_out: [0, -20, { start: 0.85, end: 0.9 }], messageA_opacity_out: [1, 0, { start: 0.3, end: 0.35 }], messageB_opacity_out: [1, 0, { start: 0.58, end: 0.63 }], messageC_opacity_out: [1, 0, { start: 0.85, end: 0.9 }], pinB_scaleY: [0.5, 1, { start: 0.5, end: 0.55 }], pinC_scaleY: [0.5, 1, { start: 0.72, end: 0.77 }], pinB_opacity_in: [0, 1, { start: 0.5, end: 0.55 }], pinC_opacity_in: [0, 1, { start: 0.72, end: 0.77 }], pinB_opacity_out: [1, 0, { start: 0.58, end: 0.63 }], pinC_opacity_out: [1, 0, { start: 0.85, end: 0.9 }], },
-
해결됨실전 자바스크립트
3:18 부분 질문드립니다. (lexical environment)
3:18 쯤에 아래와 같이 설명해주셨는데요."이전에는 마치 함수가 종료될 때마다 execution context 가 제거되고, 그 안에 있던 lexical environment 도 제거되는 것처럼 설명을 드렸는데요.지금과 같이 내부에서 함수가 만들어지는 경우에는 이렇게 lexical environment 가 유지가 됩니다." 위 내용이 헷갈려서 그러는데 아래 1), 2) 중 어떤 내용이 맞는걸까요? ㅠㅠ"함수 A의 내부에서 또 다른 함수 B가 생성되고 함수 A의 실행이 종료될 경우" 에1) A 함수의 execution context 는 제거되지만 A 함수의 lexical environment 는 유지가 된다.2) A 함수의 execution context 와 A 함수의 lexical environment 모두 유지된다.저는 "EC 안에 LE 가 생성된다"고 이해했기 때문에 2번이 맞다고 생각하고 있습니다. 답변 부탁드리겠습니다 ㅠㅠ
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
[그랩마켓] Javascript 적용하기 - 1 강의 내용 중 App.css 관련 질문
Javascript 적용하기 과정에서 App.css를 모두 날리고 아래와 같이 App.css를 수정하였습니다. [App.css 코드] html, body, #root, #root > div { height: 100%; } 그런데 브라우져 화면에서 보면 height 100%가 적용되어 있지 않은 것 같은 화면으로 확인 되고 있습니다. [화면 이미지] 위와 같이 height가 적용되지 않은 것 과 같은 모습으로 보입니다. 개발자 도구에서 height 적용을 확인 해 보면 모두 100%로 되어 있습니다. [html 100% height] [body 에서 height 100%로 설정된 이미지] [root와 첫 번재 div에 height 적용된 이미지] 어디가 잘못 되었는지 가르쳐 주시면 감사하겠습니다. 혹시 몰라서 index.js, App.js, App.css 코드를 아래에 적어놓겠습니다. [index.js] import "./index.css"; function MainPage() { return ( <div> <div id="header"> <div id="header-area"> <img src="images/icons/logo.png" /> </div> </div> <div id="body"> <div id="banner"> <img src="images/banners/banner1.png" /> </div> <h1>판매되는 상품들</h1> <div id="product-list"></div> </div> <div id="footer"></div> </div> ); } export default MainPage; [App.js] import "./App.css"; import MainPageComponent from "./main/index.js"; import "./index.css"; //index.css는 export 객체가 없다 그래서 그냥 ./index.css를 하면 된다 function App() { return ( <div> <MainPageComponent></MainPageComponent> </div> ); } export default App; [App.css] html, body, #root, #root > div { height: 100%; } 감사합니다.
-
해결됨자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
오류?
아래 테스트 케이스의 경우의 수를 추가했습니다. 0 1 2 3 -3 -2 5 6 -6 8 9 10 21 -4 -5 -7 -8 선생님의 코드로 돌린 경우 제대로 정렬 안되는 경우가 생겼습니다. 혹시 아래의 코드를 추가로 작성해야 하는지 궁금해서 질문드립니다. arr[j] > arr[j + 1]
-
해결됨자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
queue
자바스크립트 배열의 내장함수인 shift는 많이 느리다고 하는데 실제 코딩테스트에서 사용할 수 없을 정도로 문제가 있나요??
-
해결됨자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
Map 질문
Map.prototype.insert = function (findKey) { if (this.has(findKey)) this.set(findKey, this.get(findKey) + 1) else this.set(findKey, 1) } 해쉬에서 확인하고 추가하는 경우가 많던데 이런 식으로 중복된 코드를 제거하는 방식을 생각해봤습니다. 적용해봐도 괜찮겠습니까??
-
미해결자바스크립트 중고급: 엔진 핵심
[정리 시간] 작성해보았습니다.
선생님 안녕하세요. 벌써 이번 강의의 마지막 정리시간이네요...항상 감사드립니다. 작성한 내용 다른분들과 공유하고자 글을 올립니당. 1. book function 오브젝트를 생성 2. book 함수가 속한 글로벌 오브젝트를 function 오브젝트의 [[Scope]]에 설정 3. var obj = book(200); 에서 book(200)을 호출 --실행 준비 단계-- 4. 실행 콘텍스트를 생성 5. 3개의 컴포넌트 생성 (렉시컬/변수 환경 컴포넌트, this 바인딩 컴포넌트) 6. book function 오브젝트의 [[Scope]]를 외부 렉시컬 환경 참조에 바인딩 --초기화 및 실행 단계-- 7. 파라미터 이름인 bookParam에 200을 매핑하여 선언적 환경 레코드에 설정 8.function getPoint(pointParam){코드}에서 function 오브젝트를 생성 9. getPoint function 오브젝트의 [[Scope]]에 book 함수의 내부 영역이 설정됨 10. getPoint를 선언적 환경 레코드에 설정 11. var point;에서 변수 이름을 선언적 환경 레코드에 설정 12. var point = 100;에서 선언적 환경 레코드의 point에 100 할당 13. return getPoint;에서 getPoint function 오브젝트 반환 14. obj에 getPoint function 오브젝트를 할당 15. console.log(obj(400))에서 obj를 호출하면 getPoint(400) 함수가 호출됨 --getPoint 함수의 클로저와 관련된 부분-- 1. 실행 콘텍스트를 생성 2. getPoint function 오브젝트의 [[Scope]]를 외부 렉시컬 환경 참조에 바인딩 3. pointParam이라는 파라미터 이름에 400을 매핑하여 선언적 환경 레코드에 설정 4. 함수 안의 코드 실행 5. point = point + bookParam + pointParam;에서 6. point와 bookParam을 외부 렉시컬 환경 참조에서, pointParam을 선언적 환경 레코드에서 식별자 해결 7. 각각을 더한 값을 ponit에 할당 8. 따라서 콘솔창에 700이 출력됨 감사합니다!
-
미해결자바스크립트 중고급: 엔진 핵심
[정리 시간] 작성해보았습니다.
선생님 안녕하세요. 항상 감사드립니다! [정리 시간]의 내용을 작성해보았는데 어렵네요...ㅜㅜ 가독성 좋고 효율적인 코드를 짜보고 싶은데 맘처럼 쉽지 않은 것 같습니다...ㅎㅎ
-
미해결mongoDB 기초부터 실무까지(feat. Node.js)
mongodb ObejctID Error
Update with ObjectID를 하던 중 아래와 같은 에러가 발생하였습니다. 강의와 동일하게 수행하였다고 생각하는데 뭐가 문제 일까요?
-
해결됨자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
for질문
굳이 for ...of를 사용하시는 이유는 무엇인가요? 별다른 속도차이가 없나요? 아니면 직관적인가요?
-
미해결자바스크립트 제대로 배워볼래?
script 부분의 주석이 자꾸 //로 처리되지 않고 <!-- -->로 처리됩니다
수업과는 조금 관계없는 질문인데 한번에 여러줄 주석처리할 때마다 너무 불편해서요 ㅠㅠ script 태그 내인데도 ctrl + / 누르면 자꾸 <!-- --> 이렇게 주석처리가 됩니다 심지어 그러고도 빨간줄이 떠요 (...) 강사님께서 하시는 것처럼 //로 주석처리되게 하는 방법이 있을까요?
-
미해결초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트
5-3-2 계산식 질문 드립니다.
안녕하세요? 강사님 해당 강의 중 챕터 수식에 해당하는 부분이 이해가 가지 않아 질문드립니다. parallaxMoveDistance = Math.max(parallaxStartValue - parallaxStartValue, Math.min(parallaxStartValue, parallaxStartValue - (parallaxStartValue * (parallaxPercent/100)))); => parallaxStartValue - (parallaxStartValue * (parallaxPercent/100)) 위의 계산식 중에 min 계산부분이 이해가 가지 않습니다. 왜 저런 계산식이 나왔는지 의문이여서 질문드려요 ㅜㅜㅜ
-
해결됨Vue.js 시작하기 - Age of Vue.js
mode 에 history 를 넣었더니, anchor 가 /login 으로 변합니다.
해쉬를 없애기 위해서 다음과 같이 작성하였습니다. var router = new VueRouter({ mode: 'history', // 페이지의 라우팅 정보 routes: [ // 페이지의 개수만큼 객체 개수가 필요하다. { // 페이지의 url path: '/login', // 해당 url 에서 표시될 컴포넌트 component: LoginComponent }, { path: '/main', component: MainComponent } ] }); 그런데 링크가 .../original/path/to/login, .../original/path/to/main 이 되는 것이 아니라 /login, /main 으로 변해버립니다. (앞의 기존 path 가 사라져서 router.html 파일이 아닌 login, main 이라는 존재하지 않는 파일에 접근하게 됩니다.) 따로 서버를 띄운 것은 없고 크롬 브라우저에서 실행하였습니다. 무슨 실수를 한 것일까요? ㅠㅠ
-
미해결자바스크립트 비기너: 튼튼한 기본 만들기
풀어봤습니다 맞을까요
var 홀 = 0; var 짝 = 0; for (var k=1; k<51; k++) { if(k%2 === 0) { 짝 += k } else { 홀 += k } } console.log("짝입니다:" + 짝); console.log("홀입니다:" +홀);
-
미해결함수형 프로그래밍과 JavaScript ES6+
질문있습니다...
reduce 함수에서 acc인자로 비동기적인 값이 들어올 때 처리를 위해 유명함수 라는거를 사용하셨는데... 그런데 if (acc instanceof Promise) return acc.then(recur) 이 부분에서 왜 return 이 들어가야 되는건지 모르겠어요... 그냥 acc.then(recur) 하고 실행만 해주면 함수 실행되는거 아닌가요 ??? 그런데 ... return 없이 실행 하니깐 값이 제대로 안나오더라구요
-
해결됨자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
잘 이해가 안갑니다,,
안녕하세요 아래부분이 잘 이해가안가서요.. 여는괄호가 나오기전까지 빼는것아닌가요? 이게 어떻게 여는괄호까지 pop이 가능한건가요? while (stack.pop() !== "(");
