176만명의 커뮤니티!! 함께 토론해봐요.
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
const storage = { fetch() { const arr = []; if(localStorage.length > 0){ for(let i = 0; i < localStorage.length; i++){ if(localStorage.key(i) !== 'loglevel:webpack-dev-server'){ arr.push(JSON.parse(localStorage.getItem(localStorage.key(i)))); } } } return arr; }, }; 답변 중 불러올 때 for 문을 돌리는데 순서 보장이 안된다고 하신 부분을 보고 위 쪽에 있는 for문을 말씀하신 건가 싶었고 그럼 이 부분에 있는 배열 arr에 sort()를 추가하는 건가? 싶었는데 제가 맞게 이해한 걸까요? sort라는 변수를 하나 추가한 뒤 arr.sort()를 넣은 후 return값에 arr대신 sort를 넣어보기도 했는데 잘못된 방 법인지 딱히 바뀌지 않더라구요.. 구글을 뒤져봐도 아직 못 찾아 좀 더 찾아보면서 질문도 함께 올려봅니다..
백억그니
2023-03-28T06:17:23.674Z
댓글 1
좋아요 1
조회수 714
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
초대장을 확인을 못해서 초대장이 소멸되었네요.ㅠㅠ 다시 부탁드립니다. 인프런 아이디 : kik1611 인프런 이메일 : kik1611@nate.com 깃헙 아이디 : kik87827@gmail.com 깃헙 Username : kik87827
kik1611
2023-03-26T23:31:43.787Z
댓글 1
좋아요 1
조회수 227
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
권한 요청 드립니다. 인프런 아이디 : cldud970@gmail.com 인프런 이메일 : cldud970@gmail.com 깃헙 아이디 : cldud970@naver.com 깃헙 Username : Returnmakdo
안치영
2023-03-23T02:57:07.201Z
댓글 1
좋아요 1
조회수 329
해결됨
타입스크립트 입문 - 기초부터 실전까지
안녕하세요! null값은 void로 선언 시 이렇게 되는데 제가 실수한 게 있나요???
KIP
2023-03-22T17:16:34.191Z
댓글 1
좋아요 1
조회수 322
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 권한 요청 드립니다. 인프런 아이디 : jiin724@gmail.com 인프런 이메일 : jiin724@gmail.com 깃헙 아이디 : jiin724@gmail.com 깃헙 Username : amazingkj 요청 드립니다~!
jiin724
2023-03-22T06:02:38.254Z
댓글 1
좋아요 1
조회수 365
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 메일이 변경되어 권한 재요청 드립니다. 인프런 아이디 : online_uiux@mediawill.com 인프런 이메일 : online_uiux@mediawill.com 깃헙 아이디 : online_uiux@mediawill.com 깃헙 Username : online_uiux
online_uiux
2023-03-21T01:08:51.004Z
댓글 1
좋아요 1
조회수 467
미해결
프로젝트로 배우는 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;
2023-03-20T14:57:24.496Z
댓글 2
좋아요 0
조회수 869
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디 : feeljinjoo@naver.com 인프런 이메일 : feeljinjoo@naver.com 깃헙 아이디 : isky247@hanmail.net 깃헙 Username : pearlrabbit
이진주
2023-03-17T08:10:37.768Z
댓글 1
좋아요 1
조회수 428
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
권한 요청 드립니다. 인프런 아이디 : online_uiux@mediawill.com 인프런 이메일 : online_uiux@mediawill.com 깃헙 아이디 : kimyj@mediawill.com 깃헙 Username : yejinkeem
2023-03-17T01:38:55.121Z
댓글 1
좋아요 1
조회수 305
해결됨
자바스크립트 ES6+ 기초 핵심 문법
아래 질문에 답변 감사드립니다. 설명을 너무 귀에 쏙쏙 들어오게 잘 강의해주셔서 정말 재미있게 강의를 들었습니다. 끝까지 열심히 다 듣고 다음 단계도 할인까지 해주셔서 신청해서 듣기 시작했습니다. 다. 한가지만 더 질문드려요...할일앱 마지막까지 열심히 다 듣고 따라 했습니다. 완성본 소스도 다 확인을 해봤는데도 어디가 틀린건지를 찾지 못해서 질문드려요 삭제 버튼이 추가되면 완성물에는 위에 등록 버튼과 동일한 디자인으로 되어 있던데, 전 그냥 텍스트로만 되더라구요, 정말 소스는 몇번이고 완성본하고 비교를 해봤는데 동일했습니다. ㅜㅜ
gangsugi
2023-03-15T11:23:57.246Z
댓글 1
좋아요 0
조회수 576
해결됨
자바스크립트 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); 이 부분을 어떻게 바꾸어 하는지....
gangsugi
2023-03-15T05:21:43.860Z
댓글 1
좋아요 1
조회수 566
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디 : mi.jang@ahnlab.com 인프런 이메일 : mi.jang@ahnlab.com 깃헙 아이디 : rose01072815503@gmail.com 깃헙 Username : rose01072815503
장미
2023-03-13T14:01:25.263Z
댓글 1
좋아요 1
조회수 399
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디 : notenore@gmail.com 인프런 이메일 : notenore@gmail.com 깃헙 아이디 : notenore@gmail.com 깃헙 Username : notenore
devux
2023-03-10T13:33:34.533Z
댓글 1
좋아요 1
조회수 404
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디 : kimnamkyu@lgcns.com 인프런 이메일 : kimnamkyu@lgcns.com 깃헙 아이디 : formanship@gmail.com 깃헙 Username : manstar1201
kimnamkyu
2023-03-09T10:11:08.462Z
댓글 1
좋아요 1
조회수 460
미해결
타입스크립트 입문 - 기초부터 실전까지
제가 강의를 따라하면서 코드를 아래처럼 작성했습니다 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) 라고 뜹니다 제가 잘못 따라한게 있을가요?
dmsgk2323
2023-03-09T06:05:41.292Z
댓글 1
좋아요 1
조회수 821
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디 : stomboy2@naver.com 인프런 이메일 : stomboy2@naver.com 깃헙 아이디 : tyo1012@naver.com 깃헙 Username : Five-Sun
stomboy2
2023-03-09T01:32:59.173Z
댓글 1
좋아요 1
조회수 387
미해결
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>
pnj0213
2023-03-08T06:53:56.265Z
댓글 1
좋아요 2
조회수 1007
미해결
풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
안녕하세요, 어제부터 본격적으로 잔재미 코딩님의 강의를 수강 중입니다. 공부 중에 강의 자료가 있으면 혼자 복습하는데 좋을 것 같아서 요청드리고자 합니다. 이메일 : minhwa0819@naver.com 확인 감사합니다~
비전공자개발자되기
2023-03-08T05:35:33.552Z
댓글 1
좋아요 0
조회수 498
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
안녕하세요 강사님. 항상 좋은 강의 만들어 주셔서 감사합니다. 강의 따라서 하던중에 아이콘이 잘 그려지지 않아 원인 분석중 이상한 부분이 있어 질문 드립니다. fontawesome , 파비콘 등 index.html에 링크태그를 사용해 다운로드 하게끔 했는데 아예 다운로드가 안되고 있는것 같습니다. 1.index.html 2.개발자 도구 네트워크 원래대로면 네트워크에 다운로드 하는 부분(index.html에 선언한 link태그의 url)이 있지않나요...? 3.모의 테스트 인식이 되는지를 확인하기위해 테그밖에 아무글자나 넣어서 에러가 나게끔 했으나 서버는 정상 기동이 됩니다.... ㅠㅠ 해당 문제에 해결 방안을 알려주시면 감사하겠습니다!! 추가로 index.html이 어느 부분에 import?되는건지 알고싶습니다. 감사합니다.
이동현
2023-03-07T13:00:15.890Z
댓글 1
좋아요 1
조회수 787
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디 : @dlehdgus6251 인프런 이메일 : qorgus1223@naver.com 깃헙 아이디 : dlehgus6251@naver.com 깃헙 Username : dong-hyeon
이동현
2023-03-06T06:55:41.129Z
댓글 1
좋아요 1
조회수 372
