- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.ㅣ이러한 에러가 뜨는데 해결법좀 부탁드립니다..

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.   안녕하세요. 선생님 하이오더 컴포넌트가 CreateListView.js이잖아요. 이걸 쓰는 이유가 중복되는 코드의 재사용이라고 하셨는데요. NewsView, JobsView, AskView에서 List로 뿌려주는 부분이 공통적이기 ListView.vue라는 공통 컴포넌트를 만들어 줬잖아요. 그렇다면 데이터를 불러오는 부분이 공통적이면 ListView.vue처럼 공통적인 소스코드를 넣을 컴포넌트를 만들면 되지 않나요? js파일이라는 하이오더 컴포넌트랑 공통부분을 따로 뺀 vue 파일이랑 어떤 부분이 차이점이 있는지 잘 이해가 되지 않습니다.

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.   선생님 강의 아래 이미지에 vue cli 4.5x는 default vue2를 선택해서 프로젝트를 생성하라고 나왔는데요. 그럼 관련된 test는 안깔립니다. npm i -g jest로 설치했는데요. jest외에 더 설치해야 하는게 있나요?

- (base) mac@Macui-MacBookPro learn-vue-js-master % npm install -g @vue/cli npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated npm WARN deprecated har-validator@5.1.5: this library is no longer supported npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated npm WARN deprecated apollo-tracing@0.15.0: The `apollo-tracing` package is no longer part of Apollo Server 3. See https://www.apollographql.com/docs/apollo-server/migration/#tracing for details npm WARN deprecated graphql-extensions@0.15.0: The `graphql-extensions` API has been removed from Apollo Server 3. Use the plugin API instead: https://www.apollographql.com/docs/apollo-server/integrations/plugins/ npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address' npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. npm WARN deprecated apollo-cache-control@0.14.0: The functionality provided by the `apollo-cache-control` package is built in to `apollo-server-core` starting with Apollo Server 3. See https://www.apollographql.com/docs/apollo-server/migration/#cachecontrol for details. npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi' npm WARN deprecated graphql-tools@4.0.8: This package has been deprecated and now it only exports makeExecutableSchema.\nAnd it will no longer receive updates.\nWe recommend you to migrate to scoped packages such as @graphql-tools/schema, @graphql-tools/utils and etc.\nCheck out https://www.graphql-tools.com to learn what package you should use instead   changed 944 packages, and audited 945 packages in 24s 65 packages are looking for funding run `npm fund` for details 23 vulnerabilities (4 moderate, 19 high) To address issues that do not require attention, run: npm audit fix Some issues need review, and may require choosing a different dependency. Run `npm audit` for details.           npm 최신 안정버전설치, 전부 삭제 후 그냥 최신 버전 설치 다 해봤는데 cli 설치가 안되네요. npm audit fix하면         (base) mac@Macui-MacBookPro learn-vue-js-master % npm audit fix npm WARN deprecated har-validator@5.1.5: this library is no longer supported npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen) npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli added 245 packages, and audited 246 packages in 2s 7 packages are looking for funding run `npm fund` for details # npm audit report ansi-regex >2.1.1 <5.0.1 Severity: moderate Inefficient Regular Expression Complexity in chalk/ansi-regex - https://github.com/advisories/GHSA-93q8-gq69-wqmw fix available via `npm audit fix` node_modules/inquirer/node_modules/ansi-regex node_modules/string-width/node_modules/ansi-regex strip-ansi 4.0.0 - 5.2.0 Depends on vulnerable versions of ansi-regex node_modules/inquirer/node_modules/strip-ansi node_modules/string-width/node_modules/strip-ansi inquirer 3.2.0 - 7.0.4 Depends on vulnerable versions of string-width Depends on vulnerable versions of strip-ansi node_modules/inquirer vue-cli >=2.9.0 Depends on vulnerable versions of inquirer node_modules/vue-cli string-width 2.1.0 - 4.1.0 Depends on vulnerable versions of strip-ansi node_modules/string-width 5 moderate severity vulnerabilities To address all issues, run: npm audit fix     이렇게 나와서 npm audit fix 하면 또 위에 상황 반복이구요... 전에 vue 잘 설치해서 공부하다가 잠깐 쉬고 지금 다시 설치하는건데 계속 안되서 진행을 못하고 있습니다....ㅠ

강사님 안녕하세요.좋은 강의 감사합니다.제가 선언한 변수들이 어떤 주소에 어떤 데이터로 저장되어 있는지 강의 3분 30초에 나오는 것 처럼 실제로 확인해보고 싶은데 개발자 도구나 소스로 확인 할 수 있는 방법이 있을까요?

numOne을 음수로 설정하기 위해서 아래와 같이 else if문을 추가해 보았습니다. 추가한 위치와 방법이 옳바른지 알고싶습니다. const onClickOperator = (op) => () => { ...   if (numOne) { operator = op; $operator.value = op; } else if (!numOne && op === '-') { operator = op; $operator.value = op; } else { alert('숫자를 먼저 입력해주세요.'); } };

아무 선택지나 누른 후 새로고침을 하고 다시 시작하기 버튼을 누르면 answer가 여러개가 나옵니다. 크게 불편함은 없지만 신경이 쓰이는데 없애는 방법은 없을까요?  

안녕하세요!코딩공부를 시작한지 2주 조금 넘는 코딩 신생아입니다 2주간은 생활코딩 유튜브를 보며 html,css,javascript를 공부했는데 그 뒤 처음으로 듣는 강의가 mbti toyproject다 보니 낯선 구조들이 몇몇 보여서요 ! 혹시 태그나 function 중 innerHTML / createElement/appendChild 등과 같은 요소는검색을 통해 하나하나 배워나가는 것일지, 어떻게 공부하면 좋을지 고민이 되어 질문드립니다.  검색을 하자니 기능을 몰라서 어떻게 검색해야할지도 아직 감이 안와서요 ㅠㅠ 처음 공부할 때 , 어떻게 익혀나가는게 좋을까요 ? 

안녕하세요 , 수업 제공 정말 감사합니다! 따라하던중 버튼을 누르면 index파일에서 begin을 정의하지않았다며 오류가 뜨네요 ㅠㅠ start.js const main= document.querySelector("#main"); const qna= document.querySelector("#qna");   function begin(){   main.style.display = "none";   qna.style.display = "block"; }   index button~~html부분 <button type="button" class="btn btn-danger mt-3" onclick="js:begin()">           시작하기         </button>         </section>       <section id="qna">         <p>test!</p>       </section>       <section id="result">         </section>       <script scr="./js/start.js" charset="utf-8"></script>  

안녕하세요 강의를 듣다가 궁금증이 생겨서 질문 드리게 되었습니다. Built-in Object타입의 toString의 경우 어떤식으로 사용 할 수 있나요?   제가 테스트 해본 코드는 var object = {1: 123}; console.writeline(object.toString()); 이었습니다만 그 결과가 [object object]로 나왔습니다.   예상으로는 property의 이름이나 값을 출력해줄 것이라 생각했는데 단지 []괄호와 object만 출력이 되어 내부가 어떻게 돌아가는지 잘 이해가 가지 않아 질문드리게 되었습니다.   감사합니다.  

안녕하세요, html, css는 잘 알지만 javascript는 이 강의로 처음 접해보기에 강의 진행에 어려움을 느껴 질문 드립니다.   강의 중 const windowEvent = () => { // 코드 내용 };   위와 같은 형태가 나오는데요, 이게 함수를 만드는 문법인건가요? function 함수이름() { } 과 같은 형태는 자주 봤는데 처음 보는 형태라 질문 드립니다. 더불어 제가 쓰는 에디터에서 자꾸 노란줄이 생기는데요 (visual studio code 사용중입니다) 이것과 관련해 초기에 세팅 작업이 필요한건가요?   또 7강 진행 도중 this.el.parentNode.style.transform = 'translateX(${this.movex}px)' 부분이 동작하지 않아 this.el.parentNode.style.transform = 'translateX('+this.movex+'px)'; 위와 같이 바꿨더니 동작하는데, ${}가 어떤 것인지 설명 부탁드립니다.   좋은 강의에 부족한 실력이지만 열심히 따라가려고 노력하고 있습니다. 답변 기다리겠습니다. 감사합니다.  

문제발생 URL : https://denhobby.com/   발생 문제 현재 카페24 스킨을 구매를 해서 수정작업 중인데 현재 카테고리 박스 위치 수정을 할라고 css를 수정을 할라고 하는데 수정이 안되서 문의를 드립니다. ​ css 고수님들 부탁 드립니다. ​  

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.   vue transition을 활용하여 강사님 강의 내용과 동일하게 Modal을 적용하였습니다. 그런데 modal창이 처음 등장할 때 애니메이션 효과는 적용되지 않네요. 강사님 코드는 다른가해서 클론받아 확인해봤는데, 마찬가지로 모달창이 처음 등장했을 때 애니메이션은 적용되지 않은상태입니다.   이 부분 관련해서 확인해주실수 있으실까요?

순서도를 그릴때 변수 numOne과 numTwo에 숫자를 저장한다인데 +=을 사용한 부분을 이해 못했습니다! ㅠㅠ

안녕하세요. firefox에서 카드에 마우스 호버시 F의 글자가 남아 B와 겹칩니다. 아래 사진 첨부합니다.   ie용으로 만든 파일은 정상 작동을 하나, 사파리에서 해결했던 것과 같이 밴더프리픽스만 먹였을 때는 해결이 안되는 것으로 보입니다. https://developer.mozilla.org/en-US/docs/Web/CSS/transform-style 와 https://developer.mozilla.org/ko/docs/Web/CSS/backface-visibility 에서 브라우저 호환성을 확인했을 때 firefox에서 preserve-3d, backface-visibility 두 가지 모두 사용할 수 있는 속성으로 나와있는데 왜 안되는걸까요??  

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.   학습은 정도로 가는것이 맞다고 생각하지만, 제 개인적인 상황은 비교적 짧은시간 내에 이직을 목적으로 하고 있습니다. 공부시간도 일과 병행하다보니 많이 나는 상황은 아닙니다 ㅠ 복습을 할때 안보고도 칠 수 있는정도로 외우면서 원리까지 다 익혀야 하는게 맞는건지, 아니면 원리만 머리속에 이해하고 넘어가도 되는건지 복습을 어느정도까지 해야하는지 좀 감이 안옵니다. 사실 시간이 제한적이다보니 효율적인 방법을 자꾸 찾게 되는것 같습니다. 강사님 조언좀 부탁드립니다!

vue cli 강의를 듣고 이해가 되지 않아서 다시 돌아와서 듣고 있습니다. 그런데 처음 강의 들었을 때, cd vue-cli 입력 후, npm run serve로 서버를 띄우고 app.vue에서 template, script, style태그 안에 수업대로 코딩을 하면 수업에 있는 화면대로 app이 출력이 되었는데요, 두 번째 들었을 때 다시 서버를 띄우고 app.vue를 작성했을 때에는 app이 출력이 되지 않고 'welcome to your vue.js app' 화면 그대로 유지 됩니다. 어떻게 해결을 해야할까요?

안녕하세요, 선생님. this 강의를 듣고 아래와 같이 this 바인딩 코드를 작성하였는데, 함수를 실행시킨 곳에서 this 바인딩이 되서 전역에 있는 name 변수 값인 outer가 출력이 될 줄 알았는데 전혀 예상과 다르게 undefined가 출력이 되는데요. 왜 그런지 궁금합니다.   const name = 'outer';   function test1() {   const name = 'test1';   console.log(this.name); } const test2 = () => {   const name = 'test2';   console.log(this.name); }; test1(); // undefined test2(); // undefined  

2021-09-12 기준 영상과 동일하게 실습하면 밑줄이 안뜹니다.   먼저, Ctrl + Shift + P 키를 누르고  'settings'를 입력하시면 아래와 같은 화면이 나옵니다.   여기서 기본 설정: 설정 열기(JSON) 들어가시고 안에 내용을 추가해주세요.   { ..., // 기존에 있던 내용 아래에 추가 "eslint.workingDirectories": [ {"mode": "auto"} ] } 그리고 저장 하시면 밑줄이 뜹니다.   한 프로젝트 내부에서 여러 개의 tsconfig.json을 사용하는 것을 IDE가 잘 인식하지 못하는 게 원인인 것 같습니다.   도움되셨으면 좋겠네요!

1. 리스트를 순서대로 1, 2, 3, 4로 추가 한 뒤, 페이지를 새로고침 하면 2,4,1,3 으로 순서가 변경되어서 나타납니다. 어떤 이슈가 있는 것인가요? 2. 리스트에 1을 추가한 뒤, 다시 또 1을 추가하면 Duplicate keys detected 에러가 나타납니다. 이부분은 어떻게 해결해야 할까요?