묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
npm i 및 npm install 등 npm 관련 명령어를 실행할 때마다 에러가 뜹니다
강의 그대로 진행해서 노드 버전까지 다운그레이드하여 node -v 했을 때 v10.16.3으로 잘 만들어놓았는데,npm i에서 오류가 났네요..이 질문 게시판에서 package.json 파일에 "type":"module", 도 작성했는데 여전히 에러가 납니다. 어떻게 해결해야 할까요
-
미해결자바스크립트로 알아보는 함수형 프로그래밍 (ES5)
거르기 함수 중 compact 질문드립니다.
compact 함수를 선언하면 TypeError: _compact is not a function라고 나오는데 이유를 알 수 있으ㅡㄹ까요? const compact = filter(_identity)console.log( _compact([1, 2, 0, false, null, {}]));// 2. compact
-
해결됨[코드캠프] 훈훈한 Javascript
setInterval 질문입니다.
안녕하세요. setInterval강의에서 setInterval(counerMaker, 1000)을 하면 1초 뒤에 실행이 되기 때문에 0일 0시간 0분 0초가 1초 실행되고 그다음에 제대로 실행이 되는데,이것을 고치기 위해서 counterMaker함수를 자체적으로 한번 실행한다.. 하셨는데 왜 자체적으로 한번 실행해야 고쳐지는지 설명해주실 수 있을까요?
-
해결됨[코드캠프] 시작은 프리캠프
싸이월드 2탄 코드가 없는 것 같습니다.
안녕하세요.싸이월드 2탄 코드가 없는 것 같습니다. 2탄이 1탄 코드와 동일한 것 같네요.강사님, 설명해주신 <div class="wrapper__right"> 관련된 코드가 전부 없네요.노션 페이지 업데이트 부탁드립니다.
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
Connection 부분 질문
따라하고있는데 Connection부분이 저렇게 줄이 찍 가져있고 사용되지않음으로 표시된다고 뜹니다. import부분도 그렇구요. 무엇때문에 이럴까요?
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
코드리뷰 부탁드리겠습니다.
function solution(str, list) { let mustWord = str.split(''); // c, b, a let fullWord = list.split(''); while (fullWord.length !== 0) { if (mustWord[mustWord.length-1] === fullWord[fullWord.length-1]) { mustWord.pop(); fullWord.pop(); } else { fullWord.pop(); } } return mustWord.length !== 0 ? "NO" : "YES";
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
상태변화 이후 렌더링에 대해서
안녕하세요 🙋♂️-State, 9분 32초즈음State가 변화할 때 마다 그 컴포넌트가 계속 호출되어 새로운 요소(혹은 DOM)를 반환하는 것은 알겠습니다.그러나, 함수가 호출되어, return을 꾸준히 해준다 하더라도,App.js에서, import를 한번만 한다면, 변화 내용은 업데이트 되지 않을 것입니다. 또, index.js에서 변화한 App.js를 다시 import를 해야겠죠즉 State의 변화에 따라서 import도 계속해줘야 업데이트가 반영될 것입니다.우리는 import를 꾸준히 동작하도록 코드를 작성한 적이 없는데 불구하고, 업데이트가 반영되고 있습니다.어떻게 이것이 가능한 건지 궁금합니다.
-
미해결비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지
git 내부에서 secret.js 삽입 후 node index.js 에러
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 현상은 다음과 같이 나오고 있습니다. secret.js에는 다음과 같이 잘 들어가있습니다. 저의 git에도 database라는 js파일이 존재합니다.왜그럴까요! 에러메세지 첨부합니다.root@ip-172-31-85-206:/home/ubuntu/FoodMap/back# node index.js internal/modules/cjs/loader.js:818 throw err; ^ Error: Cannot find module '../../back/config/database' Require stack: - /home/ubuntu/FoodMap/back/src/controllers/indexController.js - /home/ubuntu/FoodMap/back/src/routes/indexRoute.js - /home/ubuntu/FoodMap/back/config/express.js - /home/ubuntu/FoodMap/back/index.js at Function.Module._resolveFilename (internal/modules/cjs/loader.js:815:15) at Function.Module._load (internal/modules/cjs/loader.js:667:27) at Module.require (internal/modules/cjs/loader.js:887:19) at require (internal/modules/cjs/helpers.js:74:18) at Object.<anonymous> (/home/ubuntu/FoodMap/back/src/controllers/indexController.js:1:18) at Module._compile (internal/modules/cjs/loader.js:999:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1027:10) at Module.load (internal/modules/cjs/loader.js:863:32) at Function.Module._load (internal/modules/cjs/loader.js:708:14) at Module.require (internal/modules/cjs/loader.js:887:19) { code: 'MODULE_NOT_FOUND', requireStack: [ '/home/ubuntu/FoodMap/back/src/controllers/indexController.js', '/home/ubuntu/FoodMap/back/src/routes/indexRoute.js', '/home/ubuntu/FoodMap/back/config/express.js', '/home/ubuntu/FoodMap/back/index.js' ] }
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
FETCH_LIST 함수가 프로미스를 반환하고 있는 이유가 뭔가요?
저는 강사님과는 다르게 return문을 fetchList 앞에 안 붙였는데도 스피너가 동작하길래 한번 콘솔을 찍어봤는데actions의 FETCH_LIST({commit}, pageName){ // api - index.js fetchList(pageName) // mutation "SET_LIST" .then(({ data }) => { console.log(4) commit("SET_LIST", data) }) .catch(console.log) },이 함수는 return문이 생략되어 있으니 undefined를 반환할 거라 예상했습니다ListMixin.jscreated(){ bus.$emit('start:spinner') // 'start:spinner' 이벤트 보낸다 App.vue로 setTimeout(()=>{ console.log(this.$store.dispatch('FETCH_LIST', this.$route.name)) this.$store.dispatch('FETCH_LIST', this.$route.name) .then((res)=>{ console.log(5) console.log(res) console.log('fetched') bus.$emit('end:spinner') // 데이터 불러오고 나면 end:spinner }) // actions의 FETCH_NEWS의 return response를 받음 .catch(console.log) },3000) },근데 여기서 확인해보니 this.$store.dispatch('FETCH_LIST', this.$route.name)이 promise 객체던데 왜 그런건가요?
-
미해결Node.Js 활용하기
최신 mysql 에 node.js 가 연결되지 않는 문제 해결 방법(session 9 - session store-mysql)
"mysql -u root -p"해서 mysql을 들어가고, 다음과 같은 명령어를 실행해봅니다.ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY '0000'그리고 app_session_mysql.js를 다시 실행하면 session table이 만들어진 것을 확인할 수 있습니다."왜 최신 mysql에서 저렇게 해야 sessions table이 자동으로 만들어 지는가?"는 인터넷에 찾아보면 나와있습니다!
-
미해결함수형 프로그래밍과 JavaScript ES6+
return 있고 없고 차이 질문드립니다...!
const reduce = curry((f, acc, iter) => { if (!iter) { iter = acc[Symbol.iterator](); acc = iter.next().value; } else { iter = iter[Symbol.iterator](); } return (function recur(acc) { let cur; while (!(cur = iter.next()).done) { const a = cur.value; acc = f(acc, a); if (acc instanceof Promise) acc.then(recur); } return acc; })(acc); }); const go = (...args) => reduce((a, f) => f(a), args); go( 1, (n) => Promise.resolve(n + 10), (n) => n + 100, log );위와 같이 acc.then을 리턴하지 않는 경우 log에 값이 깨져 보여서 설연휴 동안 계속 왜이런지 고민해서 내린 답인데 글이 길지만 한번 제가 내린답이 맞는지 틀렸다면 어디부분이 잘못됐는지 확인좀 부탁드립니다...! 길어서 댓글로 남기겠습니다.
-
미해결애플 웹사이트 인터랙션 클론!
pageYOffset || scrollY
안녕하세요-!선생님께서 pageYOffset을 사용하셨는데, 그 이유가 IE에서도 호환되기하기 위함이 맞을까요?IE를 고려하지 않는다면 scrollY를 사용하는게 맞는지 궁금합니다.
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
GITHUB 권한 요청 드립니다.
GIST에서 권한신청했는데 404 에러로 접근이 안되네요확인부탁드립니다.인프런 아이디 : jb.hwang인프런 이메일 : jb.hwang@htpchem.com깃헙 아이디 : jb.hwang@htpchem.com깃헙 Username : hwang802
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
상품업로드 화면 구현 시 이미지 업로드 시점 관련
안녕하세요. 수업 잘 듣고 있습니다!수업관련 질문은 아니지만 일반적인 구현방법도 이런가해서 문의 남겨봅니다^^이미지 업로드 화면에서업로드 할 사진을 선택하면 서버측으로 먼저 이미지를 전송하는 방식으로 구현하셨는데 이미지 선택 시에는 로컬(클라이언트PC)의 이미지로 보여주고 [상품 등록하기] 버튼을 눌렀을 때 서버로 업로드 하면서 DB에 등록하는 것이 어떨까해서요.이미지를 계속 변경하면 서버에 업로드가 되는 듯 하여...문의한번 해봅니다^^ 다른 수강생분들에게도 문제 해결에 도움을 줄 수 있도록 좋은 질문을 남겨봅시다 :) 1. 질문은 문제 상황을 최대한 표현해주세요.2. 구체적이고 최대한 맥락을 알려줄 수 있도록 질문을 남겨 주실수록 좋습니다. 그렇지 않으면 답변을 얻는데 시간이 오래걸릴 수 있습니다 ㅠㅠex) A라는 상황에서 B라는 문제가 있었고 이에 C라는 시도를 해봤는데 되지 않았다!3. 먼저 유사한 질문이 있었는지 꼭 검색해주세요!
-
미해결처음 배우는 리액트 네이티브
styled-components 에러
스타일드 컴포넌트를 설치했는데 이렇게 에러가 뜨는데 어떤 에러일까요?깃 주소 : https://github.com/jjunseokk/react-native
-
해결됨[코드캠프] 훈훈한 Javascript
openWeatherMap API 에러발생 시 대처방법 공유
섹션8.데이터통신 > openWeatherMap API 과정에서 강사님께 말씀해주신 방법으로 진행 시, console창에 데이터 접속이 안된다고 계속 노출이 됩니다.해당 문구를 살펴보니, 예전 2.5버전에는 무료사용이었던 것 같은데, 현재 3.0버전에서는 유료화가 된 것 같더라구요. 그래서 아마 강사님께서도 API 연동 URL에서 3.0을 2.5로 바꾸라고 말씀하신 것 같구요. 그런데도 이게 계속 접속이 안된다고 나오길래 해당 사이트에서 찾아보았습니다.아래 URL에 가보면, 3.0과 2.5버전이 접속하는 URL이 살짝 다르다는걸 확인했습니다.https://openweathermap.org/current#geo<상기 이미지가 3.0 버전의 API 연동 URL><상기 이미지가 2.5 버전의 API 연동 URL>상기 내용확인 후 강사님께서 말씀해주신 내용을 기반으로 수정해보니 정상적으로 작동하였습니다. 혹시나 하는 마음에 공유해봅니다. 항상 강의 열강중입니다! 감사합니다. :D
-
미해결만들면서 배우는 리액트 : 기초
cat-jjal-maker-cra 설치중
위와같은 진행상태로 error 시에 어떻게 해냐하나요?폴더 안에도 node_modules 와 packagej.son 두개만 만들어져 있습니다.
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
혹시 윈스턴으로 로거 저장하는 파트는 따로 없나요?
윈스턴이던뭐던 로그를 저장하는파트는 따로 없나요? 따라서 만들다보니 로그를 저장할 필요가 있을것같아서 시도중인데 nest는 방법을 잘 모르겠어서혹시 강의에 포함이된부분이있나해서요.
-
미해결처음 배우는 리액트 네이티브
OS 네이트브 코드를 개발하면서 UI 를 리액트 네이티브로
안드로이드 NDK와 같은 스마트폰 OS 네이트브 코드를 개발하면서 UI 를 리액트 네이티브로 구현할 수 있는지 궁금합니다.저는 gstreamer 파이프라인을 구현한 앱을 만들고 싶습니다. 또 opencv 도 사용하고요, 딥러닝 라이브러리도 사용하고 싶습니다. 이런 부분은 아마도 안드로이드 NDK 와 같은 걸 써야 할 것 같습니다. 아이폰은 잘 모르지만 아마 iOS 에도 NDK 비슷한 것이 있을 것 같습니다. 이렇게 플랫폼에 종속된 기술을 각 플랫폼 별로 구현해야 하는 것은 피할 수 없을 것 같습니다. 그러나 UI 부분은 리액트 네이티브로 원소스로 구현하고 싶습니다.이런 식의 구현을 할 수 있는지, 할 수 있다면 어떤 참고 자료가 있을지 궁금합니다.
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
M:N 등록/조회 API 작성에서 Typescript 문제 질문드립니다.
안녕하세요. 제가 찾고 기다리던 내용의 강의라 매우 만족하며 수강하고 있는 수강생입니다! ㅎproducts.service.ts 파일에서 create와 update 메서드 작성할 때 typescript 에러에 대해 질문드립니다.products.service.ts 파일 create 메서드에서 productTags를 등록하는 과정에const result2 = [] 부분을 const result2: string[]로 작성하면 await productRepository.save(...) 에서 No overload matches this call이 뜨고update 메서드에서 updateProductInput에 UpdateProductInput로 타입을 지정하면 위와 마찬가지로 await productRepository.save(newProduct)에서 No overload matches this call이 뜹니다.두 경우 모두 Type 'string' is not assignable to type 'ProductTag' 문제로 product.entity.ts에서는 productTag를 아래와 같이 등록하고 @Field(() => [ProductTag]) @JoinTable() @ManyToMany(() => ProductTag, (productTags) => productTags.products) productTags: ProductTag[]; createProduct.input.ts에서는 CreateProductInput에서 productTag를 아래와 같이 등록해서 발생하는 문제라고 추측했습니다.@Field(() => [String]) productTags: string[];두 경우 모두 타입을 지정하지 않고 any로 두면 문제는 사라지긴 합니다. any로 두고 사용할 수밖에 없는 것인지 아니면 타입 지정을 해서 사용하는 방법이 있는지 궁금합니다.