인프런 아이디 : feeljinjoo@naver.com인프런 이메일 : feeljinjoo@naver.com깃헙 아이디 : isky247@hanmail.net깃헙 Username : pearlrabbit

권한 요청 드립니다.인프런 아이디 : online_uiux@mediawill.com인프런 이메일 : online_uiux@mediawill.com깃헙 아이디 : kimyj@mediawill.com깃헙 Username : yejinkeem

아래 질문에 답변 감사드립니다.설명을 너무 귀에 쏙쏙 들어오게 잘 강의해주셔서 정말 재미있게 강의를 들었습니다.끝까지 열심히 다 듣고 다음 단계도 할인까지 해주셔서 신청해서 듣기 시작했습니다. 다. 한가지만 더 질문드려요...할일앱 마지막까지 열심히 다 듣고 따라 했습니다.완성본 소스도 다 확인을 해봤는데도 어디가 틀린건지를 찾지 못해서 질문드려요 삭제 버튼이 추가되면 완성물에는 위에 등록 버튼과 동일한 디자인으로 되어 있던데, 전 그냥 텍스트로만 되더라구요, 정말 소스는 몇번이고 완성본하고 비교를 해봤는데 동일했습니다. ㅜㅜ 

강의 잘 듣고 있습니다.가위바위보 게임에서 텍스트로 한것을 가위바위보 이미지로 하는 경우는 어떻게 해야 하나요? 이렇게 되어 있는 것을....<button class="scissors">가위</button> <button class="rock">바위</button> <button class="paper">보</button> <button class="scissors"><img src="img/game1.png" alt="가위"></button> <button class="rock"><img src="img/game2.png" alt="바위"></button> <button class="paper"><img src="img/game3.png" alt="보"></button>console.log(event.target.innerText); 이 부분을 어떻게 바꾸어 하는지....

인프런 아이디 : mi.jang@ahnlab.com인프런 이메일 : mi.jang@ahnlab.com깃헙 아이디 : rose01072815503@gmail.com깃헙 Username : rose01072815503

인프런 아이디 : notenore@gmail.com인프런 이메일 : notenore@gmail.com깃헙 아이디 : notenore@gmail.com깃헙 Username : notenore

인프런 아이디 : kimnamkyu@lgcns.com인프런 이메일 : kimnamkyu@lgcns.com깃헙 아이디 : formanship@gmail.com깃헙 Username : manstar1201

제가 강의를 따라하면서 코드를 아래처럼 작성했습니다interface PhoneNumberDictionary { [home: string]: { num: number; }; } interface Contact { name: string; address: string; phones: PhoneNumberDictionary; } // api // TODO: 아래 함수의 반환 타입을 지정해보세요. function fetchContacts(): Promise<Contact[]> { // TODO: 아래 변수의 타입을 지정해보세요. const contacts = [ { name: "Tony", address: "Malibu", phones: { home: { num: 11122223333, }, office: { num: 44455556666, }, }, }, { name: "Banner", address: "New York", phones: { home: { num: 77788889999, }, }, }, { name: "마동석", address: "서울시 강남구", phones: { home: { num: 213423452, }, studio: { num: 314882045, }, }, }, ]; return new Promise((resolve) => { setTimeout(() => resolve(contacts), 2000); }); } setTimeout(() => resolve(contacts), 2000); 여기서 contacts에서 에러가 나는데 Argument of type '({ name: string; address: string; phones: { home: { num: number; }; office: { num: number; }; studio?: undefined; }; } | { name: string; address: string; phones: { home: { num: number; }; office?: undefined; studio?: undefined; }; } | { ...; })[]' is not assignable to parameter of type 'Contact[] | PromiseLike<Contact[]>'. Type '({ name: string; address: string; phones: { home: { num: number; }; office: { num: number; }; studio?: undefined; }; } | { name: string; address: string; phones: { home: { num: number; }; office?: undefined; studio?: undefined; }; } | { ...; })[]' is not assignable to type 'Contact[]'. Type '{ name: string; address: string; phones: { home: { num: number; }; office: { num: number; }; studio?: undefined; }; } | { name: string; address: string; phones: { home: { num: number; }; office?: undefined; studio?: undefined; }; } | { ...; }' is not assignable to type 'Contact'. Type '{ name: string; address: string; phones: { home: { num: number; }; office: { num: number; }; studio?: undefined; }; }' is not assignable to type 'Contact'. Types of property 'phones' are incompatible. Type '{ home: { num: number; }; office: { num: number; }; studio?: undefined; }' is not assignable to type 'PhoneNumberDictionary'. Property 'studio' is incompatible with index signature. Type 'undefined' is not assignable to type '{ num: number; }'.ts(2345)라고 뜹니다 제가 잘못 따라한게 있을가요? 

인프런 아이디 : stomboy2@naver.com인프런 이메일 : stomboy2@naver.com깃헙 아이디 : tyo1012@naver.com깃헙 Username : Five-Sun

안녕하세요. 강의 들으면서 하나하나 따라했는데 i태그 사용하여 v-on:click 시, 클릭이벤트가 전혀 먹히지 않아 일단 span태그로 감싸 사용했습니다. 강사님은 i태그만 사용해도 이벤트가 적용 되는데 왜 안되는지 이유를 알 수 있을까요?제 코드는 아래에 있습니다. <template> <div> <ul> <li v-for="(todoItem, index) in todoItems" v-bind:key="todoItem.item" class="shadow" > <span v-on:click="toggleComplete(todoItem, index)"> <i class="checkBtn fas fa-check" v-bind:class="{ checkBtnCompleted: todoItem.completed }" ></i> </span> <span v-bind:class="{ textCompleted: todoItem.completed }"> {{ todoItem.item }} </span> <span class="removeBtn" v-on:click="removeTodo(todoItem, index)" > <i class="fa-regular fa-trash-can"></i> </span> </li> </ul> </div> </template> <script> export default { data: function () { return { todoItems: [], }; }, methods: { removeTodo: function (todoItem, index) { localStorage.removeItem(todoItem); this.todoItems.splice(index, 1); }, toggleComplete: function (todoItem, index) { todoItem.completed = !todoItem.completed; localStorage.removeItem(todoItem.item); localStorage.setItem(todoItem.item, JSON.stringify(todoItem)); }, }, created: function () { if (localStorage.length > 0) { for (let i = 0; i < localStorage.length; i++) { localStorage.getItem(localStorage.key(i)); this.todoItems.push( JSON.parse(localStorage.getItem(localStorage.key(i))) ); } } }, }; </script> <style scoped> ul { list-style-type: none; padding-left: 0px; margin-top: 0; text-align: left; } li { display: flex; min-height: 50px; height: 50px; line-height: 50px; margin: 0.5rem 0; padding: 0 0.9rem; background: white; border-radius: 5px; } .removeBtn { margin-left: auto; color: #de4343; } .checkBtn { line-height: 45px; color: #62acde; margin-right: 5px; } .checkBtnCompleted { color: #b3adad; } .textCompleted { text-decoration: line-through; color: #b3adad; } </style>

안녕하세요, 어제부터 본격적으로 잔재미 코딩님의 강의를 수강 중입니다.공부 중에 강의 자료가 있으면 혼자 복습하는데 좋을 것 같아서 요청드리고자 합니다. 이메일 : minhwa0819@naver.com 확인 감사합니다~

안녕하세요 강사님. 항상 좋은 강의 만들어 주셔서 감사합니다. 강의 따라서 하던중에 아이콘이 잘 그려지지 않아 원인 분석중 이상한 부분이 있어 질문 드립니다.fontawesome , 파비콘 등 index.html에 링크태그를 사용해 다운로드 하게끔 했는데 아예 다운로드가 안되고 있는것 같습니다.1.index.html2.개발자 도구 네트워크원래대로면 네트워크에 다운로드 하는 부분(index.html에 선언한 link태그의 url)이 있지않나요...? 3.모의 테스트인식이 되는지를 확인하기위해 테그밖에 아무글자나 넣어서 에러가 나게끔 했으나 서버는 정상 기동이 됩니다.... ㅠㅠ 해당 문제에 해결 방안을 알려주시면 감사하겠습니다!!추가로 index.html이 어느 부분에 import?되는건지 알고싶습니다. 감사합니다.

인프런 아이디 : @dlehdgus6251 인프런 이메일 : qorgus1223@naver.com 깃헙 아이디 : dlehgus6251@naver.com 깃헙 Username : dong-hyeon

안녕하세요 선생님! 선생님의 강의에서는 함수들마다 노란선들이 있는데 저는 eslint를 설치했는데도 노란선이 없어서 왜그런지 여쭤봅니다! 함수에 커서를 가져다대었을 때 따로 :void를 주지않아도 이미 기본값으로 들어가있는것 때문일까요??그리고 오히려 todos에 파란선이 나옵니다ㅠㅠ

안녕하세요 선생님. 강의자료 제공 가능할까요?

인프런 아이디 : clcc001@naver.com인프런 이메일 : clcc001@naver.com깃헙 아이디 : westofsky159@gmail.com깃헙 Username : westofsky

<template> <div> <ul> <li v-for="(todoItem, index) in todoItems" v-bind:key="todoItem.item" class="shadow"> <span v-on:click="toggleComplete(todoItem, index)"> <i class="checkBtn fas fa-check" v-bind:class="{ checkBtnCompleted: todoItem.completed }"></i> </span> <span v-bind:class="{ textCompleted: todoItem.completed }">{{ todoItem.item }}</span> <span class="removeBtn" v-on:click="removeTodo(todoItem, index)"> <i class="fas fa-trash-alt"></i> </span> </li> </ul> </div> </template>i 태그를 span 안에 넣은 이유는 클릭해도 아무 반응이 없어서 span 안에 넣었습니다.completed 관련한 v-bind는 새로고침 안해도 바로 반영되는데 checkBtnCompleted 관련한 v-bind는 새로고침 해야지 체크표가 회색으로 변합니다.어디가 문제인지 모르겠습니다

인프런 아이디 : devdh.cho@samsung.com인프런 이메일 : devdh.cho@samsung.com깃헙 아이디 : rhsnfl1122깃헙 Username : JoDongHyuen

Todo-Header.vue 파일에 코딩된 내용은 아래와 같습니다.<template> <header> <!-- <h1>TODO it!</h1>--> <h1>{{ this.$store.state.headerText }}</h1> </header> </template>위 코드를 실행했을때 store 못 찾는 다고 나오는데 이유를 모르겠네요 ㅠ.ㅠ[Vue warn]: Property or method "store" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.found in---> <TodoHeader> at src/components/TodoHeader.vue<App> at src/App.vue<Root>

선생님 익스플로러는 사라지지 않았나요?모던 HTML/CSS/VanillaJS+ES6 로 상용화도 가능한 반응형 모던 웹페이지 만들기6 이번 강의 들어야 되는지.. 헷갈리네요.오직 익스 호환성을 위한거라면.. 그냥 스킵해도 되나요?