묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
Vue가 인식되지 않는 현상
안녕하세요. 강의 따라서 HelloWorld.vue파일을 브라우저에서 띄워줬을 때vue가 인식되지 않는 현상(Vue.js not detected)이 있는데 왜 그럴까요?
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
기초강좌는 어디있나요?
node.js등 설치관련 참고하려는데~ 기초강좌라고 하시는 강의 링크좀 부탁드립니다.
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
강의에서 알려주신 Properties for the flex container 복습 사이트, 검색 발견되어서 공유드립니다~
- 본 강의 영상 학습 관련 문의에 대해 답변을 드립니다. (어떤 챕터 몇분 몇초를 꼭 기재부탁드립니다)- 이외의 문의등은 평생강의이므로 양해를 부탁드립니다- 현업과 병행하는 관계로 주말/휴가 제외 최대한 3일내로 답변을 드리려 노력하고 있습니다- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.강의 영상에서 알려주신 사이트인데, 자료에서는 서비스 종료로 유사 사이트 안내 되어 있었어요. 제가 궁금해서 구글에서 'properties for the flex container' 로 검색해서 이미지탭에서 발견하여서 링크 공유드립니다. https://codepen.io/osublake/pen/dMLQJr항상 좋은 자료 제공해주시는 강사님 감사합니다~~
-
미해결프로젝트로 배우는 React.js
Pagination 페이지 별 데이터 불러오기 오류
Pagination 6 강의까지 들었을 때 페이지 별로 클릭했을 때 params의 page값은 제대로 바껴서 getPost 함수로 들어가는 거까진 확인 되는데 다른 page값이 들어가도 항상 똑같은 data 5개만 가져오는데 따로 페이지별로 데이터를 슬라이싱하는 부분을 구현해야 하는 건가요? ++ json-server 문서에 _limit 대신 _per_page를 사용하면 Network 탭에서 정상적으로 페이지별로 데이터를 불러오는데 이렇게 하면 console 창에서 'posts.map is not a function'이라는 오류가 뜨네요 ㅠ
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
App.vue가 필요한 이유
안녕하세요. 수업 정말 재밌게 잘 듣고 있습니다.근데 듣다 보니 App.vue가 점점 왜소해지네요.앞으로는 store가 데이터 저장과 중앙 처리 역할을 모두 수행하는 것 같은데 App.vue가 있어야 할 이유는 무엇일까요?궁금하여 질문 남깁니다.
-
미해결타입스크립트 입문 - 기초부터 실전까지
index.ts Delete `␍`eslintprettier/prettier 오류(빨간줄) 해결
이런식으로 빨간줄이 그어질 때.eslintrc.js 파일에 endOfLine:'auto' 추가해주시면강의와 같이 정상적으로 나옵니다
-
미해결실전 프로젝트로 배우는 타입스크립트
[오류문의] import 에러
안녕하세요.실전프로젝트로 베우는 타입스크립트 강의를 듣고 있습니다.코로나 정보 보여주는 프로젝트에서 질문드립니다.app.js 를 app.ts로 변환하고, 컴파일하면 아래와 같은 에러가 발생합니다.그래서 구글하여서,index.html 파일에 'type: "module" 을 추가했습니다. <<script type="module" src="./built/app.js"></script>그리고 package.json 에도 "type": "module" 을 추가했습니다. "type": "module""type": "module"이렇게 하고 다시 index.html를 live 서버 오픈을 하면 동일한 에러가 나옵니다.axios 와 char.js 모듈 import를 못하는 것 같습니다.구글링하여 이런저런 시도를 많이 해봤는데 해결이 되지 않습니다.그 외의 package.json, tsconfig.json는 강의영상에서 나온 그대로 타이핑 했습니다.어떻게 해야 import 가 정상적으로 될까요?
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
getter가 정의되어 있지 않아 오류가 발생합니다.
안녕하세요 강사님중급강의 스토어 모듈화까지 마치고 정상작동을 확인 한 후터미널에서 프로젝트를 재실행 하였지만오류로 인해 TodoList, TodoInput 등 작동 되지 않습니다.오류는 다음과 같고main.js와 store.js, todoApp.js 모두 import가 올바른 경로로 되어있습니다.main.jsimport Vue from 'vue' import App from './App.vue' import { store } from './store/store.js' new Vue({ el: '#app', store : store, render: h => h(App), }) store.jsimport Vue from 'vue' import Vuex from 'vuex' import todoApp from './modules/todoApp.js' Vue.use(Vuex); export const store = new Vuex.Store({ modules : { todoApp } });todoApp.jsconst storage = { fetch(){ const arr = []; console.log('created') 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; } } const state= { todoItems: storage.fetch() }; const getters = { getTodoItems(state) { return state.todoItems; } }; const mutations= { addOneItem(state, todoItem) { const obj = {completed: false, item: todoItem} localStorage.setItem(todoItem, JSON.stringify(obj)); state.todoItems.push(obj); }, removeOneItem(state, payload){ localStorage.removeItem(payload.todoItem.item); state.todoItems.splice(payload.index,1); }, toggleOneItem(state, payload){ state.todoItems[payload.index].completed = !state.todoItems[payload.index].completed; localStorage.removeItem(payload.todoItem.item); localStorage.setItem(payload.todoItem.item, JSON.stringify(payload.todoItem)); }, clearAllItems(state){ localStorage.clear(); state.todoItems=[]; } }; export default{ state, getters, mutations }
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
뷰 라이프사이클
Vue2는 created가 있지만,Vue3는 없기때문에 혼용해서쓴다면(누가하던 작업을 이어받음)Api호출을 mounted 시점에하는게 나을까요? created시점에 호출하는것과 차이 많이날까요?
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
TSLint 말고 TSLint Vue 설치해도 되나요?
TSLint가 Deprecated 됐다고 나와서요TSLint Vue 설치해도 되나요?
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
로컬 스토리지는 어디에 있나요?
강사님 수업 정말 잘 듣고 있습니다.단순한 궁금증이 생겨 문의드립니다.Local Storage는 어디에 있는 걸까요?어떤 저장소를 사용하는 것인지 알고 싶네요
-
해결됨실전 프로젝트로 배우는 타입스크립트
api가 중단된 건에 대하여..
이미 앞에서 글을 써주신 분이 계신데요,저도 같은 입장이라 글을 남기게 되었습니다ㅜㅜ직접 애플리케이션을 만들어보며 눈으로 확인하는 작업이 필요한데, 연결이 되지 않으니 사실 어느 부분부터 손을 대는 것이 맞는지 모르겠습니다.포털에서 받아온 OPEN API를 사용하려 해도 이게 잘 하고 있는 건지 어떤지 확인을 할 수도 없구요.23년도에 이 부분에 관하여 글을 작성하셨는데,지금은 시간이 꽤 흘렀으니 혹시 API부분을 해결한 설명 자료가 있나요? 도무지 감이 안 잡히네요..앞의 기초 수업은 잘 넘어왔는데 실전 수업은 진도를 전혀 나가지 못하고 있습니다..
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
removeEventlistener 를 왜 해주어야 하는지
안녕하세요.강의를 듣고 지난달부터 필요한 웹화면을 만들어서 거의 완성을 했습니다. 현재는 테스트버전으로 만든 상태이나 그럭저럭 동작들이 잘 돌아가기는 하는데 코드도 좀 지저분하다는 생각이 들고.. 여러모로 관련이 있는 강의부분들을 다시 들어보며 가다듬고 있습니다. 처음 들었을 때는 무작정 주입식으로만 생각하고 받아들였었는데...직접 만들면서 고민을 했던 부분들이 강의내용에 있는 것들이었네요.. 역시 다시 들어볼 수록 그때는 무슨 말인지 잘 모르고 넘어갔었는데 이제사 이해가 가면서 새삼 명강의라는 걸 느낍니다.암튼... 궁금한 게 있습니다.promise . then .catch 구문에서 promise를 생략하고 .then .catch 를 해도 돌아가기는 하는데 혹시 이러면 문제가 있을까요??
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
vuex 실행시 새로고침해야지만 리스트에 나타나는 현상
안녕하세요!강의 듣으며 코드 작성중에 있는데vuex로 코드를 작성하게 되면서 props데이터를 삭제하고 store.js로 mutation로 app.js에 있는 methodsf를 옮기게 되면서 새로고침해야지만 리스트가 추가/삭제되는 현상이 나타나고 있습니다. 다시 삭제했다가 작업해도 마찬가지네요.. 코드양이 너무 방대해서 올리기는 어려울것 같고 혹시 버전차이에 문제일수도 있나요? vue devtools에는 실시간으로 나타나는걸로 보입니다...
-
미해결iOS/Android 앱 개발을 위한 실전 React Native - Basic
강의 자료 소스코드는 없나요?
제목 그대로 강의 자료로 완성된 소스코드는 따로 없는지 문의 드립니다 다른 강의들은 다 주던대
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
export default 관련한 질문
안녕하세요 Modules 단계를 듣다가 궁금한 점이 생겨서 여쭤봅니다. export default {} 를 해야 import 를 할 수 있는 것으로 이해 하였습니다. 그런데 TodoHeader.vue 의 경우 스크립트 단을 아예 만들지 않아서 export default {} 가 없는데 어떻게 App.vue 에서는 TodoHeader를 import 할 수 있는 걸까요? 제가 예상하기로는 export default 단위 블록 안에 아무 내용이 없으면 생략 가능한 것 아닐까 라는 생각을 해보았는데 혹시 맞을까요?
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
100vw 관련 질문
모던 웹을 위한 모던 CSS 단위 이해 및 정리 14:10에서 100vw를 하면 전체가 차지 되야 하는데 흰색 테두리가 있는 걸로 보아 100%꽉 채우지 않은 것 같아서요. 제가 예전에 어디서 배운 것 같기는 한데 정확하게 개념이 기억이 안나서 설명 부탁드립니다...!
-
해결됨타입스크립트 입문 - 기초부터 실전까지
vue 에서 jquery 사용 문제
안녕하세요.vue 사용중에 있어 부득이하게 jquery 를 사용하려고 하는데요.import $ from 'jquery';import 'jqueryui';import 'jquery-ui-touch-punch';모바일까지 지원을 해야해서 jquery-ui-touch-punch 까지 사용을 해야 하는 상황입니다.위와 같이 import를 해주면 코드툴에선 에러가 안뜨는데 브라우저 화면에서는 콘솔에러가 나타나고 있습니다.아래와 같은 오류인데 혹시 해결책이 있을까요? 여러 방법으로 시도해 보고 있으나 해결이 안되서 혹시나 경험이 있으실지 해서 문의드립니다 ㅠㅠUncaught ReferenceError: jQuery is not defined
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃허브 vue-todo 접근불가에 따른 확인요청
깃허브 권한이 별도 없다고해주셨는데, 아래와같이 vue-todo 접근이 불가해서 확인부탁드리려합니다.
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
VS CODE html:5 <tab>기능이 안됩니다
강의수강을 이제 막 시작했습니다VS CODE 1.88.1을 사용중인데html:5 <tab>기능이 안됩니다 setting-Extensions-Emmet-Trigger Expansion On Tab을 체크 하였는데도 안되네요ㅜㅜ감사합니다