173만명의 커뮤니티!! 함께 토론해봐요.
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
안녕하세요. 깃허브에 같은내용으로 comment를 남겼지만 빠른 강의진행을 위해서 게시판에도 남깁니다. 감사합니다 인프런 아이디 : anytime0105@naver.com 인프런 이메일 : anytime0105@naver.com 깃헙 아이디 : anytime877@gmail.com 깃헙 Username : nameisjhC
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃허브 페이지에 권한 요청 글 올렸는데 확인이 안된 것 같아 이곳에 다시 글 남깁니다! 인프런 아이디 : songhaeun111@gmail.com 인프런 이메일 : songhaeun111@gmail.com 깃헙 아이디 : java.she123@gmail.com 깃헙 Username : yaho111
미해결
타입스크립트 입문 - 기초부터 실전까지
똑같이 따라 해봤다고 생각했는데 다시 켜보니..이런 일이 벌어졋습니다 ㅠㅠ 뭐가 문제인지 알고싶습니다 ㅠㅠ
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
'개발 환경 설정 및 깃헙 리포지토리 클론' 강의에서 개발환경 구성 시 아래 강의 참고하라고 하셨는데 현재는 없나보네요~ 어떤 것 참고해서 구성하면 될까요? <누구다 다루기 쉬운 Vue.js 프론트 개발 - 3시간 안에 배우기 강좌의 Node.js, Chrome, Vue.js 크롬 플러그인, Github 설치>
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디 : @leejs 인프런 이메일 : leejs@hdc-labs.com 깃헙 아이디 : asooso1212@gmail.com 깃헙 Username : asooso12
미해결
풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
- 본 강의 영상 학습 관련 문의에 대해 답변을 드립니다. (어떤 챕터 몇분 몇초를 꼭 기재부탁드립니다) - 이외의 문의등은 평생강의이므로 양해를 부탁드립니다 - 현업과 병행하는 관계로 주말/휴가 제외 최대한 3일내로 답변을 드리려 노력하고 있습니다 - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 자료이메일 요청에 대한 답변이 없어서 두번 요청드렸는데요! 드라이브 승인이 된걸까요? 인프런아이디 el입니다.
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디 : skswngusslab@gmail.com 인프런 이메일 : skswngusslab@gmail.com 깃헙 아이디: skswngussla@naver.com 깃헙 Username : lyd1040
미해결
프로젝트로 배우는 React.js
import { useParams } from "react-router-dom"; const ShowPage = () =>{ const {id} = useParams(); console.log(id); return <div>Show Page</div>; }; export default ShowPage;
미해결
타입스크립트 입문 - 기초부터 실전까지
.eslintrc.js, package.json 같은 파일들은 직접 작성한건가요? 아니면 관련 커맨드 쳐서 생성되는 건가요? 만약 직접 작성하신거면, 저희가 직접 프로젝트 만들 때는 공식문서를 보면서 어떤걸 적어야 하는지 따로 공부해야 하나요? 꽤나 복잡해보이네요
미해결
타입스크립트 입문 - 기초부터 실전까지
좋은 강의 감사드립니다 강사님~^^ 강의를 처음 따라오다가 보니 자동 완성이 되는 부분이 있고 안되는 부분이 있네요. 타입스크립트의 장점을 이해하는데는 무리가 없었지만 혹여나 이 부분에 대해 관심 있으신 분들은 아래 스샷을 참고하시길 바라겠습니다^^ (전) (후)
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
TodoList.vue코드 <template> <div> <ul> <!-- <li v-for="(todoItem, index) in todoItems" v-bind:key="todoItem.item" class="shadow"> {{todoItem}} <i class="checkBtn fa-solid fa-check" v-bind:class="{checkBtnCompleted: todoItem.completed}" v-on:click="toggleComplete(todoItem, index)"></i> v-bind:class="{A:a}" A클래스의 a속성이 false면 안나타남, true면 나타남 --> <!-- <span v-bind:class="{textCompleted: todoItem.completed}"> {{ todoItem.item }} </span> <span class="removeBtn" v-on:click="removeTodo(todoItem, index)"> <i class="fa-solid fa-trash-can"></i> </span> </li>> --> <li v-for="(todoItem, index) in todoItems" v-bind:key="todoItem" class="shadow"> <i class="checkBtn fa-solid fa-check" v-bind:class="{ checkBtnCompleted: todoItem.completed }" v-on:click="toggleComplete(todoItem, index)"></i> {{ todoItem.item }} {{ index }} <!-- //v-bind:class="{A:a}" A클래스의 a속성이 false면 안나타남, true면 나타남 --> <span v-bind:class="{ textCompleted: todoItem.completed }"> {{ todoItem}} </span> <span class="removeBtn" v-on:click="removeTodo"> <i class="fa-solid fa-trash-can"></i> </span> </li> </ul> </div> </template> <script> export default { data: function () { return { todoItems: [] } }, methods: { removeTodo: function (todoItem, index) { console.log('remove items'); console.log(todoItem, index); localStorage.removeItem(todoItem); this.todoItems.splice(index, 1); }, toggleComplete: function (todoItem, index) { todoItem.completed = !todoItem.completed; console.log(index); console.log(todoItem.item); //로컬스토리지 갱신 localStorage.removeItem(todoItem.item); localStorage.setItem(todoItem.item, JSON.stringify(todoItem)); } }, created: function () { if (localStorage.length > 0) { for (var i = 0; i < localStorage.length; i++) { if (localStorage.key(i) !== 'loglevel:webpack-dev-server') { console.log(JSON.parse(localStorage.getItem(localStorage.key(i)))); this.todoItems.push(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> TodoInput.vue코드 <template> <div class="inputBox shadow"> <input type= "text" v-model="todoItems" v-on:keyup.enter="addTodo"> <span class="addContainer" v-on:click="addTodo"> <i class="fas fa-plus addBBtn"></i> </span> </div> </template> <script> export default { data: function(){ return{ todoItems: "" } }, methods:{ addTodo: function(){ if(this.todoItems !== ''){ //저장하는 로직 //localStorage.setItem(key, value); //localStorage.setItem(this.newTodoItem, this.newTodoItem); var obj = {completed: false, item: this.todoItems}; //localStorage.setItem(this.newTodoItem,obj); localStorage.setItem(this.todoItems, JSON.stringify(obj)); //obj 객체 > string화 this.clearInput(); } }, clearInput: function(){ this.todoItems = ''; } } } </script> <style scoped> input:focus{ outline: none; } .inputBox { background: white; height: 50px; line-height: 50px; border-radius: 5px; } .inputBox input { border-style: none; font-size: 0.9rem; } .addContainer { float: right; background: linear-gradient(to right, #6478FB, #8763FB); display: block; width: 3rem; border-radius: 0 5px 5px 0; } .addBtn { color: white; vertical-align: middle; } </style>
미해결
프로젝트로 배우는 React.js
BlogList.js까지는 강의와 동일하게 에러처리가 되었으나 ShowPage.js에서 에러 처리 후 확인을 하면 글 수정후 => DB끄고 => edit버튼을 누른 상태입니다. 깃 허브에서 ShowPage.js파일 소스를 그대로 복사 붙이기 해도 그렇습니다. 제가 어느 부분을 놓쳐서 이런건지? 어디가 잘못된 것인지? ... 잘 모르겠습니다.^^ ㅠㅠ
미해결
타입스크립트 입문 - 기초부터 실전까지
유니온 타입에서 | : 교집합 & : 합집합 으로 이해하면 되겠네요. ^^
해결됨
프로젝트로 배우는 React.js
강의를 보면서 적용을 했는데 toast가 2개씩 뜨고 2개씩 사라집니다.. 이 경우 어떻게 해야할까요?? .then(() => { addToast({ type: "success", text: "Successfully created", }); history.push("/admin"); }) .catch((e) => { addToast({ text: "We could not create blog", type: "danger", }); });
해결됨
타입스크립트 입문 - 기초부터 실전까지
// 딕셔너리 패턴 interface StringRegexDictionary { // 규칙 // 왼쪽에 오는 것은 문자열 속성 + 값은 정규표현식이 와야 함 [key: string]: RegExp; } var obj: StringRegexDictionary = { cssFile: /\.css$/, jsFile: /\.js$/, } 위의 코드에서 질문있습니다! 위의 코드는, 해당 강의에서 입력한 코드의 일부분입니다. 강사님께서 인터페이스대로라면, key값이 string으로 되어있어야 한다고 했는데, 그러면 cssFile, jsFile이 아니라, "cssFile", "jsFile"이어야 하는거 아닌가요? 답변해주시면 감사하겠습니다.
미해결
실전 프로젝트로 배우는 타입스크립트
약 두 달 전 Total Recovered의 값이 0으로 들어온다는 글을 봤는데, 지금은 아무런 데이터가 오지 않고 있습니다. Access to XMLHttpRequest at 'https://api.covid19api.com/summary' from origin 'http://localhost:63342' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. GET https://api.covid19api.com/summary net::ERR_FAILED 404 해당 링크를 인터넷 주소창에 입력했을 때 404 Not Found가 나오는 걸 보면 API 지원이 종료된 게 아닐까 싶은데 혹시 해결 방안이 있을까요?
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디 : @tkfkdgoll 인프런 이메일 : ttkfkdgolll@naver.com 깃헙 아이디 : ttkfkdgolll@naver.com 깃헙 Username : ryuwonhui
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
- 인프런 아이디: secondwarren@gmail.com - 인프런 이메일: secondwarren@gmail.com - 깃허브 아이디: secondwarren@gmail.com - 깃허브 username: weritas247
미해결
타입스크립트 입문 - 기초부터 실전까지
예제로 사용했던 위의 내용에서 오류가 없고 실제로도 값이 10 이 나오던데요. 궁금한게 logTextLength({length : 10}); 는 logTextLength의 generic 부분이 없는데도 왜 오류가 발생 하지 않나요? generic 은 선언대로 따르지 않아도 되는 건가요?
미해결
타입스크립트 입문 - 기초부터 실전까지
예제로 든 이 함수에서는 현재 길이는 알 수 없는 건가요? 그림에서 처럼 빨간 라인 오류를 표시 하고 있는데요.
