173만명의 커뮤니티!! 함께 토론해봐요.
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
초대장을 확인을 못해서 초대장이 소멸되었네요.ㅠㅠ 다시 부탁드립니다. 인프런 아이디 : kik1611 인프런 이메일 : kik1611@nate.com 깃헙 아이디 : kik87827@gmail.com 깃헙 Username : kik87827
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
권한 요청 드립니다. 인프런 아이디 : cldud970@gmail.com 인프런 이메일 : cldud970@gmail.com 깃헙 아이디 : cldud970@naver.com 깃헙 Username : Returnmakdo
해결됨
타입스크립트 입문 - 기초부터 실전까지
안녕하세요! null값은 void로 선언 시 이렇게 되는데 제가 실수한 게 있나요???
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 권한 요청 드립니다. 인프런 아이디 : jiin724@gmail.com 인프런 이메일 : jiin724@gmail.com 깃헙 아이디 : jiin724@gmail.com 깃헙 Username : amazingkj 요청 드립니다~!
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 메일이 변경되어 권한 재요청 드립니다. 인프런 아이디 : online_uiux@mediawill.com 인프런 이메일 : online_uiux@mediawill.com 깃헙 아이디 : online_uiux@mediawill.com 깃헙 Username : online_uiux
미해결
프로젝트로 배우는 React.js
안녕하세요. useParams 으로 파라미터 값을 보낸 뒤, console.log() 로 값을 출력해 보고 싶은데요. 자꾸 undefined 만 출력 됩니다. 대체 이유가 뭘까요??? ㅠㅠㅠㅠㅠㅠ // App.js import './App.css'; import { Routes, Route } from 'react-router-dom'; import Navbar from './components/Navbar'; import routes from './routes'; function App() { return ( <div> <Navbar></Navbar> <div className='container mt-3'> <Routes> {routes.map((item, i) => { return ( <Route path={item.path} element={item.component()} key={i} ></Route> ); })} </Routes> </div> </div> ); } export default App; // routes.js import HomePage from './pages/HomePage'; import ListPage from './pages/ListPage'; import CreatePage from './pages/CreatePage'; import EditPage from './pages/EditPage'; import ShowPage from './pages/ShowPage'; const routes = [ { path: '/', component: HomePage, }, { path: '/blog', component: ListPage, }, { path: '/blog/create', component: CreatePage, }, { path: '/blog/edit', component: EditPage, }, { path: '/blog/:id', component: ShowPage, }, ]; export default routes; // ShowPage.js import { useParams } from 'react-router-dom'; const ShowPage = () => { let { id } = useParams(); console.log(id); // undefined 출력 return <div>Show Pages</div>; }; export default ShowPage;
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디 : feeljinjoo@naver.com 인프런 이메일 : feeljinjoo@naver.com 깃헙 아이디 : isky247@hanmail.net 깃헙 Username : pearlrabbit
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
권한 요청 드립니다. 인프런 아이디 : online_uiux@mediawill.com 인프런 이메일 : online_uiux@mediawill.com 깃헙 아이디 : kimyj@mediawill.com 깃헙 Username : yejinkeem
해결됨
자바스크립트 ES6+ 기초 핵심 문법
아래 질문에 답변 감사드립니다. 설명을 너무 귀에 쏙쏙 들어오게 잘 강의해주셔서 정말 재미있게 강의를 들었습니다. 끝까지 열심히 다 듣고 다음 단계도 할인까지 해주셔서 신청해서 듣기 시작했습니다. 다. 한가지만 더 질문드려요...할일앱 마지막까지 열심히 다 듣고 따라 했습니다. 완성본 소스도 다 확인을 해봤는데도 어디가 틀린건지를 찾지 못해서 질문드려요 삭제 버튼이 추가되면 완성물에는 위에 등록 버튼과 동일한 디자인으로 되어 있던데, 전 그냥 텍스트로만 되더라구요, 정말 소스는 몇번이고 완성본하고 비교를 해봤는데 동일했습니다. ㅜㅜ
해결됨
자바스크립트 ES6+ 기초 핵심 문법
강의 잘 듣고 있습니다. 가위바위보 게임에서 텍스트로 한것을 가위바위보 이미지로 하는 경우는 어떻게 해야 하나요? 이렇게 되어 있는 것을.... <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); 이 부분을 어떻게 바꾸어 하는지....
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디 : mi.jang@ahnlab.com 인프런 이메일 : mi.jang@ahnlab.com 깃헙 아이디 : rose01072815503@gmail.com 깃헙 Username : rose01072815503
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디 : notenore@gmail.com 인프런 이메일 : notenore@gmail.com 깃헙 아이디 : notenore@gmail.com 깃헙 Username : notenore
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디 : 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) 라고 뜹니다 제가 잘못 따라한게 있을가요?
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디 : stomboy2@naver.com 인프런 이메일 : stomboy2@naver.com 깃헙 아이디 : tyo1012@naver.com 깃헙 Username : Five-Sun
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
안녕하세요. 강의 들으면서 하나하나 따라했는데 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>
미해결
풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
안녕하세요, 어제부터 본격적으로 잔재미 코딩님의 강의를 수강 중입니다. 공부 중에 강의 자료가 있으면 혼자 복습하는데 좋을 것 같아서 요청드리고자 합니다. 이메일 : minhwa0819@naver.com 확인 감사합니다~
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
안녕하세요 강사님. 항상 좋은 강의 만들어 주셔서 감사합니다. 강의 따라서 하던중에 아이콘이 잘 그려지지 않아 원인 분석중 이상한 부분이 있어 질문 드립니다. fontawesome , 파비콘 등 index.html에 링크태그를 사용해 다운로드 하게끔 했는데 아예 다운로드가 안되고 있는것 같습니다. 1.index.html 2.개발자 도구 네트워크 원래대로면 네트워크에 다운로드 하는 부분(index.html에 선언한 link태그의 url)이 있지않나요...? 3.모의 테스트 인식이 되는지를 확인하기위해 테그밖에 아무글자나 넣어서 에러가 나게끔 했으나 서버는 정상 기동이 됩니다.... ㅠㅠ 해당 문제에 해결 방안을 알려주시면 감사하겠습니다!! 추가로 index.html이 어느 부분에 import?되는건지 알고싶습니다. 감사합니다.
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디 : @dlehdgus6251 인프런 이메일 : qorgus1223@naver.com 깃헙 아이디 : dlehgus6251@naver.com 깃헙 Username : dong-hyeon
미해결
타입스크립트 입문 - 기초부터 실전까지
안녕하세요 선생님! 선생님의 강의에서는 함수들마다 노란선들이 있는데 저는 eslint를 설치했는데도 노란선이 없어서 왜그런지 여쭤봅니다! 함수에 커서를 가져다대었을 때 따로 :void를 주지않아도 이미 기본값으로 들어가있는것 때문일까요?? 그리고 오히려 todos에 파란선이 나옵니다ㅠㅠ
