묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
숙제를못하면
숙제를 못하면 샘 숙제를 생각하고 해도못하겟는데 못하면 다음강의 넘기면 안되는걸까요 ???
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
npx create-app reactexam1 에러
PS C:\reactexam1> npx create-react-app reactexam1npm ERR! code ENOENTnpm ERR! syscall lstatnpm ERR! path C:\Users\82108\AppData\Roaming\npmnpm ERR! errno -4058npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\82108\AppData\Roaming\npm'npm ERR! enoent This is related to npm not being able to find a file.npm ERR! enoentnpm ERR! A complete log of this run can be found in: C:\Users\82108\AppData\Local\npm-cache\_logs\2023-11-28T12_12_57_671Z-debug-0.log npx create-react-app reactexam1을 입력했을 때 계속 이런 에러가 뜹니다.폴더 위치를 c드라이브로 옮기는 것도 해보고 node.js를 다시 다운 받는 것도 해보았는데 계속해서 이런 에러가 발생합니다.
-
해결됨시나브로 자바스크립트
reactivity.js 를 proxy로 수정 후 오류
어려워서 겨우 따라가고 있는 학생입니다!현재 02.쇼핑몰만들기3(4/5) 수강중인데요reactivity.js 를 proxy로 수정 후 나오는 에러는 알아서 해결하라고 미션을 주셨지만.. 도통 어떻게 해결해야 할지 모르겠습니다.counter.js의 getTotalCount, getCountByProductId 함수 내부의 getCountMap()을 어떻게 수정하면 될지 힌트라도 요청드립니다! ===========================현재 이렇게 수정했는데, 각 물품 갯수에는 undefined가 뜨고 장바구니 토탈 갯수만 나오고 있습니다.첫 클릭만 undefined고 이후는 숫자가 증가하는데 해당 처리를 어떻게 해야 할까요..? const getTotalCount = () => { let count = 0; Object.values(countMap).forEach((number) => { count += number; }); return count; }; const getCountByProductId = ({ productId }) => { return countMap[productId] || 0; };export function bindReactiveState({ name, defaultValue }){ if (typeof defaultValue !== 'object') { throw new Error("bindReactiveState supports only object as default value."); } let value = new Proxy(defaultValue, { get(target, prop) { return target[prop]; }, set(target, prop, newValue) { const elements = Array.from( document.querySelectorAll( `[data-subscribe-to='${name}'][data-subscription-path='${prop}']` ) ); elements.forEach(element => { if(element.tagName === 'INPUT') { element.value = newValue[prop]; } else { element.innerHTML = newValue[prop]; } }); // target[prop] = newValue; return Reflect.set(target, prop, newValue); } }); return value; }
-
해결됨Javascript ES6+ 제대로 알아보기 - 중급
블로그 안나오네유 ㅠㅠ
강의 보고 나서 블로그 글 쭉 정독 해볼려고 했는데https://gomugom.github.io/is-class-only-a-syntactic-sugar/404 뜨네요 흑흑
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
safari 개발자 도구에 대한 질문입니다
safari 개발자 도구를 이용해서 디버깅하던 중에 vuex를 확인할 일이 있어서 찾아보는데 아무리 봐도 보이지가 않습니다chrome 개발자 도구에서는 vuex를 시각적으로 볼 수 있게 지원하는것 같은데 혹시 safari는 지원하지 않는건가요?
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
이렇게 작성해도 괜찮은걸까요?
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
-
미해결타입스크립트 입문 - 기초부터 실전까지
section 3-1 JSdoc 타입이 추론되지 않아서 다음과 같이 수정했는데 이거 맞나요?
(사진)
-
해결됨[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core
many to many relations update를 할 경우 질문 드립니다.
안녕하세요. 강의 정말 잘 듣고 있습니다.먼저 좋은 강의 감사드립니다.강의를 듣고 복습을 하던 중에, 기존 tag가 relation된 post를 찾아서 새로운 tag를 추가하는 API는 어떤 식으로 짜야 하는지 궁금해서 질문 드립니다.
-
미해결[코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스
const 에서
const iveMembersArray = ['안유진','가을','레이','장원영','리즈','이서']; 예시에서 const로 선언된 변수는 값을 변경할수 없다고했는데 iveMembersArray[0] = '코드팩토리'; 라고 선언했을때 왜 값이 바뀌는건가요 ? let을 사용해야하는거 아닌가요 ?
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
AccessToken은 잘 만들어지는데 payload에 아무것도 안담겨요
로그인 시 받은 accesstoken을 밑에 /user/test의 헤더에 넣었습니다.처음에는 payload에 값이 담겼는데 갑자기 아무것도 안담기네요ㅜㅜ변경사항이 있었던 건 다 돌려봤는데도 도저히 뭐가 문제인지 모르겠어서 남깁니다.뭐가 문제인지도 모르겠어서 코드도 뭘 보여드려야 할 지 모르겠네요ㅜㅜ accesstoekn은 잘 만들어지는데.. 저 accesstoekn으로 UseGuards(AuthGuard('access')) 이 가드를 통과하는 거 아닌가요?validate()까지 간 거 보면 인가는 됐다고 생각했는데 왜 payload에 아무것도 안담기는지 모르겠네요ㅜㅜ
-
해결됨웹 애니메이션을 위한 GSAP 가이드 Part.03
Text Effects(2)는 Text Effects(1)영상에 포함돼있는 것 같아요!
Text Effects(1) 의 11분~ 하고 내용이 같아요😄
-
해결됨백엔드 개발자에 의한, 백엔드 개발자들을 위한 프론트엔드 강의 - 기본편
FOO님!! 강의 설명 중 질문있습니다.
FOO님! 안녕하세요!강의 섹션1의 첫번째 파트인 '백엔드와 프론트엔드'에서 0:58초에 HTML이라고 말해야할 부분을 HTTP라고 잘못 말하신게 맞을까요? 물론 별거 아니지만 궁금해서요
-
미해결[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
샘이랑 똑같이쳣는데 왜 입력이 안될가여
함수도 호출햇고 리턴값을 함수로호출햇는데 왜 샘이 랑 똑같이 쳣는지 버튼을 눌러도 숫자가 입력이 안되나여 <!DOCTYPE html> <head> <meta charset="utf-8"> <title>계산기</title> <style> * { box-sizing: border-box } #result { width: 180px; height: 50px; margin: 5px; text-align: right } #operator { width: 50px; height: 50px; margin: 5px; text-align: center } button { width: 50px; height: 50px; margin: 5px } </style> </head> <!-- 계산기 버튼 구현 --> <body> <head> <meta charset="utf-8"> <title>계산기</title> <style> * { box-sizing: border-box } #result { width: 180px; height: 50px; margin: 5px; text-align: right } #operator { width: 50px; height: 50px; margin: 5px; text-align: center } button { width: 50px; height: 50px; margin: 5px } </style> </head> <!-- 계산기 버튼 구현 --> <body> <input readonly id="operator"> <input readonly type="number" id="result"> <div class="row"> <button id="num-7">7</button> <button id="num-8">8</button> <button id="num-9">9</button> <button id="plus">+</button> </div> <div class="row"> <button id="num-4">4</button> <button id="num-5">5</button> <button id="num-6">6</button> <button id="minus">-</button> </div> <div class="row"> <button id="num-1">1</button> <button id="num-2">2</button> <button id="num-3">3</button> <button id="divide">/</button> </div> <div class="row"> <button id="clear">C</button> <button id="num-0">0</button> <button id="calculate">=</button> <button id="multiply">x</button> </div> <script> let numOne=''; let operator=''; let numTwo=''; // 이두개가 왜쓰엿는지는 강의를 들으면서 알아보자 const $operator =document.querySelector('#operator'); const $result = document.querySelector('#result'); // 중복울 제거 햇기떄문에 변수로 넣어줌 const onClickNumber = (number) => // if(operator){ // numberTwo +=number; // } // else{ // numberOne += number; // } // $result.value+=number; //return undefined; /// 반환하니 반환 할놈이 없으니 나오지도 않는다 // 그래서 언디 파인드를 넣지말고 함수를 넣어야 한다 //함수를 리턴해주는거다 // 실행되는것을 함수안으러 넣어주어야 한다 (event) => { if(operator){ numberTwo +=number; } else{ numberOne += number; } $result.value += number; }; // 넘버1 에 클릭이벤트 가 발생햇을떄 함수 실행한다 //$input.addEventListener('input',writing); // 인풋 이벤트가 발생되면 안에 함수를 넣는다 // 넘버 0 인 아이디를 선택하고 클릭이벤트 발생햇을떄 이벤트 리스너를 // 추가한다 // 함수에서 중복이 발생하면 다른 부분들을 매개변수로 뺴라 document.querySelector('#num-0') .addEventListener('click', onClickNumber('0')); document.querySelector('#num-1') .addEventListener('click', onClickNumber('1')); document.querySelector('#num-2') .addEventListener('click', onClickNumber('2')); document.querySelector('#num-3') .addEventListener('click', onClickNumber('3')); document.querySelector('#num-4') .addEventListener('click', onClickNumber('4')); document.querySelector('#num-5') .addEventListener('click', onClickNumber('5')); document.querySelector('#num-6') .addEventListener('click', onClickNumber('6')); document.querySelector('#num-7') .addEventListener('click', onClickNumber('7')); document.querySelector('#num-8') .addEventListener('click', onClickNumber('8')); document.querySelector('#num-9') .addEventListener('click', onClickNumber('9')); // 이런식으로 함수의 중복이 발생이되엇을떄 중복을 함수로 뺴서 중복을 피해라; document.querySelector('#plus') .addEventListener('click', () => {} ); document.querySelector('#minus') .addEventListener('click', () => {} ); document.querySelector('#divide') .addEventListener('click', () => {} ); document.querySelector('#num-1') .addEventListener('click', () => {} ); document.querySelector('#multiply') .addEventListener('click', () => {} ); document.querySelector('#calculate') .addEventListener('click', () => {} ); document.querySelector('#clear') .addEventListener('click', () => {} ); </script> </body> </html>
-
해결됨[코드캠프] 시작은 프리캠프
잔디 질문입니다.
저는 강사님이 알려주신대로 했는데, git 명령어를 칠 때자동완성이 되지도 않고, 엔터쳐도 밑에 촤라락 펼쳐지는 코드들이 뜨지 않습니다. 그리고 맨 마지막 코드를 입력했을 때는 에러 메세지가 뜨는데 어떻게 해야하나요?
-
미해결[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
왜 console.log(target)을 했을때 td 클래스가 question이 나오는지 모르겠습니다
function onRightClick(event) { event.preventDefault(); //도구모음 안나오게 const target = event.target; //이벤트 타겟은 내가 진짜 클릭한 대상. current target은 이벤트 리스너가 붙은 대상 console.log(target) //왜 question이 나오는지 const rowIndex = target.parentNode.rowIndex; //tr 태그에는 내부적으로 rowIndex 존재 const cellIndex = target.cellIndex;//td 태그에는 내부적으로 rowIndex 존재 const cellData = data[rowIndex][cellIndex]; if (cellData === CODE.MINE) { // 지뢰면 data[rowIndex][cellIndex] = CODE.QUESTION_MINE; // 물음표 지뢰로 target.className = 'question'; target.textContent = '?'; } else if (cellData === CODE.QUESTION_MINE) { // 물음표 지뢰면 data[rowIndex][cellIndex] = CODE.FLAG_MINE; // 깃발 지뢰로 target.className = 'flag'; target.textContent = '!'; } else if (cellData === CODE.FLAG_MINE) { // 깃발 지뢰면 data[rowIndex][cellIndex] = CODE.MINE; // 지뢰로 target.className = ''; target.textContent = ''; } else if (cellData === CODE.NORMAL) { // 닫힌 칸이면 data[rowIndex][cellIndex] = CODE.QUESTION; // 물음표로 target.className = 'question'; target.textContent = '?'; } else if (cellData === CODE.QUESTION) { // 물음표면 data[rowIndex][cellIndex] = CODE.FLAG; // 깃발으로 target.className = 'flag'; target.textContent = '!'; } else if (cellData === CODE.FLAG) { // 깃발이면 data[rowIndex][cellIndex] = CODE.NORMAL; // 닫힌 칸으로 target.className = ''; target.textContent = ''; } }우클릭을 했을 때 동작하는 함수입니다.상단에 target에 대해서 console.log 출력하는 부분이 있는데지뢰찾기 행수 열수 지뢰수를 입력하고 submit한 순간에는td에 어떠한 클래스도 주어지지 않았다고 생각합니다.그리고 최초로 우클릭을 하는 순간에도 td는 아무 클래스가 없고 우클릭이 이뤄지고 나서 그 다음 현재 cellData의 상황에 따라 target.className이 주어지니까최초 클릭시에는함수 상단 console.log(target)에 td class에는 아무것도 없어야한다 생각합니다. 그런데 왜 우클릭 시에 td class가 question으로 지정되어서 나오는지 이해가 안됩니다 ㅠㅠ
-
미해결Vue.js 시작하기 - Age of Vue.js
.vue파일 열기
localhost:8080으로 들어갔는데 이런 페이지 밖에 안 뜨네요.. 제가 .vue파일에 만든것은 안뜨고 어떻게 해야 할까요?ㅠㅠ
-
미해결타입스크립트 입문 - 기초부터 실전까지
함수에 리턴 안됐다고 노란밑줄이 쳐져야하는데 없습니다
퀴즈2에서 // '@typescript-eslint/no-explicit-any': 'off', // "@typescript-eslint/explicit-function-return-type": 'off', 주석처리 하면 함수에 리턴 안됐다고 노란 밑줄 나온다고 하셨는데 저는 그렇게해도 안뜨네요. 껏다 켜보기도 하고 여러가지 시도해보았는데..뭐가 문제일까요?
-
해결됨[코드캠프] 시작은 프리캠프
폰번호 넘어가는거 질문있습니다 (js)
3자리 번호를 입력하면 다음 칸으로 넘어가는 폰번호 js 파트에서 chang2를 그냥 chang에 한번에 입력해도 잘 작동하던데 수업 때 chang 1 chang2로 나눠서 하신 이유가 따로 있으실까요? 한번에 하면 오류같은게 있는건지 궁금합니다!
-
해결됨[JS] Phaser 게임 제작 - 뱀파이어 서바이벌 클론
[참고] Uncaught Error: createEmitter removed. See ParticleEmitter docs for info : 에러에 대한 해결 방법 공유
노션에 적힌대로 실습하시면 제목에서와 같은 에러가 발생할 수 있어요. 강의가 만들어진 이후로 API가 업데이트가 된 것 같네요.아래 링크를 참고하여 수정하시면 됩니다.깃허브이슈링크공홈에서 업데이트된 코드링크
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
input 태그 사용 시 form 태그 사용 여부
안녕하세요😀 강의 수강하다 궁금증이 생겨서 질문드립니다.보통 로그인 폼이나, 회원가입 폼처럼 보통 <input> 사용할 때 <form> 안에 넣어서 사용했던걸로 알고 있었습니다. 근데 영상 내에서는 <form>를 사용하시지 않는 것 같더라구요! form을 사용하는게 사용자에게 데이터를 입력받아서 서버한테 전달하는 것으로 알고 있는데 영상 내에서는 간단한 input만 받으니까 서버의 전송이 필요없어서 그러신걸까요?<input> 사용할 때마다 궁금했던건데 .. 제가 투두프로젝트를 만들 때도 할일 목록 입력받는 input, 수정할 투두 입력받는 input 이렇게 2개만 필요하고, 로컬스토리지를 사용할거라 서버의 전송이 필요없는 경우라면 굳이 <form> 사용할 필요가 없는건지.. form 태그 사용 여부 기준을 잘 모르겠습니다 ㅠㅠ 사용할 input의 갯수가 1개 밖에 없어도 서버에 전송을 해야하는 경우면 form을 사용하고, 아니라면 form를 굳이 사용할 필요가 없는걸까요? 구글에 검색해봐도 개인마다 작성하는게 다르고.. 제가 원하는 답변을 얻을 수가 없어서 이렇게 질문드립니다. 감사합니다 !
