55,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결프로젝트로 배우는 Vue.js 3
numberOfPages 결과 nan
const numberOfPages = computed(() => {return Math.ceil(Number(numberOfTodos.value)/limit)}); 이 부분에서 NaN 에러가 납니다.혹시나해서 강사님 깃허브 소스 들고와서 복붙해도 똑같이 그러네요.페이징 마지막 34번 깃허브 소스도 붙여넣기 해보니 아예 리스트가 안 나오는 현상이 발생합니다.(데이터는 잘 불러옵니다.)뭐 때문에 그러는걸까요? 소스 확인 부탁드립니다!
- 미해결프로젝트로 배우는 Vue.js 3
todos 질문입니다.
todos 에 내용이 없을 때 화면에 []이 표시됐었는데, 마지막에 내용을 지워도 화면에 []이 표시되지 않네요?? 어떤 로직때문에 화면에 todos가 없어도 []가 표시되지 않는걸까요?
- 해결됨프로젝트로 배우는 Vue.js 3
작동은 되긴 하는데 해당 메세지는 왜 뜨는걸까요?
(사진)
- 미해결프로젝트로 배우는 Vue.js 3
강의노트 문의
안녕하세요.예전에 수강하다가 다시 기본부터 재수강중입니다.강의노트는 따로없나요? 전에 수강시에는 강의 정리 노트가 있었던 것 같은데...없어진 건지 문의드립니다.
- 미해결프로젝트로 배우는 Vue.js 3
x-total-count 및 db.json id값 문제
x-total-count가 undefined로 나옵니다 ㅠㅠ무슨 일일까요.. 그리고..db.json - id값 문제,,uuid로 들어가는 거 같은데,,,또 id값이 스트링으로 또 들어가네요ㅠㅠ ***혹시 몰라서 저렇게 x-total-count 추가해놓긴했는데페이징 번호 눌러도 첫번째 페이지말고는 데이터를 가져오질 않네요..깃허브에 올려놓으신 코드 봐도 x-total-count 헤더에 추가한 코드말고는 다른 게 없습니다. &버전차이일까요? node.js 일부러 낮은 버전 설치하면 json-server가 node랑 버전이 안맞는다고 안돌아가더라고요. 그래서 node 버전을 LTS최신버전으로 설치하긴했는데.. const getTodos = async (page = currentPage.value) => { currentPage.value = page; try { const res = await axios.get( `http://localhost:3000/todos?_page=${page}&_limit=${limit}` ); const total = await axios.get('http://localhost:3000/todos'); //전체 리스트 가져오기 const totalList = total.data.length; //가져온 전체리스트의 길이 res.headers.set("Access-Control-Expose-Headers", "x-total-count"); res.headers.set( "x-total-count", totalList ) //그냥..어거지로 만들어 줌.. console.log(res.headers["x-total-count"]) numberOfTodos.value = res.headers["x-total-count"]; console.log(res.data) todos.value = res.data; } catch (err) { console.log(err); error.value = 'Something went wrong!'; } }
- 미해결프로젝트로 배우는 Vue.js 3
개발툴 글자체, 크기, 색깔 세팅 문의
강의 화면에 보이는 개발툴 글자체, 크기, 색깔이어떻게 되나요?똑같이 세팅 하고 싶습니다^^
- 미해결프로젝트로 배우는 Vue.js 3
onMount 관련 강의가 몇강에 있었죠?ㅠㅠ
onMount 관련 강의가 몇강에 있었죠?ㅠㅠ
- 해결됨프로젝트로 배우는 Vue.js 3
json server실행/중지 문의드립니다!
json server 데이터베이스 서버 껐다 키시는데 어떻게 하는건가요??
- 해결됨프로젝트로 배우는 Vue.js 3
3:53 분에 HelloWorld 태그 인식을 못해서 오류 발생하비낟!
위의 그림과 같이 오류가 발생하는데, 이유를 모르겠어요.. 어떻게 해결해야 할까요? jsconfig.json 파일 안에 include 를 작성하기 전, 뷰를 설치할 때 기본적으로 작성된 코드가 있는 것들을 모두 지우고 영상 강의대로 진행했습니다. 지워진 코드는 아래와 같습니다. // "compilerOptions": { // "target": "es5", // "module": "esnext", // "baseUrl": "./", // "moduleResolution": "node", // "paths": { // "@/*": [ // "src/*" // ] // }, // "lib": [ // "esnext", // "dom", // "dom.iterable", // "scripthost" // ] // }
- 미해결프로젝트로 배우는 Vue.js 3
블로그 정리 관련 질문드립니다~
안녕하세요 강사님vue.js 3이 나옴에 따라 해당 강의를 신청하고 수강을 시작하였습니다~ 강의를 들으면서 좋은 내용이나 이런 것들을 블로그에 제가 요약하고 정리해서 포스팅하려고 하는데 괜찮을까요?(출처는 강의 링크로 표시하겠습니다) 만약, 원치 않으시다면 하지 않겠습니다! 좋은 강의 만들어주셔서 감사합니다 :)
- 미해결프로젝트로 배우는 Vue.js 3
Composition API?
강의 소개에 Composition API 라고 적혀있어서 신청했습니다.24강까지 수강했는데 내용이 Options API 위주인 것 같은데 맞을까요?
- 미해결프로젝트로 배우는 Vue.js 3
24강에서 computed의 종속성이 변경도록 return하는데, 그러면 computed가 다시 실행되나요?
24강 검색기능 추가의 filteredTodos에서const filteredTodos = computed(() => { if (searchText.value) { return todos.value.filter(todo => { return todo.subject.includes(searchText.value); }); } return todos.value; });제가 알기로 computed는 반응형 종속성 변수가 변경될때마다 실행되는것으로 이해했습니다.그러면 여기서 반응형 종속성 변수는 todos와 searchText인데return에서 todos의 value가 변경되므로, computed가 총 두번실행되는 것인가요?1.searchText 변경을감지하고 computed 실행2.return 에서 todos.value를 변경3.todos의 변경을 감지하고 computed 재실행4.searchText와 todos모두 변경되지 않아 computed종료
- 미해결프로젝트로 배우는 Vue.js 3
구조가 다름...
예전 강의라 그런지 구조도 다르고 레퍼런스도 달라서 따라가기가 어렵습니다..강의에서는 package.json에 scripts도 vue-cli 기반으로 돼있는데 전 이렇게 되어있고. 강의와 똑같이 해서 npm run serve해도 이런 오류만 나옵니다 .이 강의는 이미 만들어진 소스에서 추가하는 식인가요? 섹션0까지만 들어서 그런지 처음 만들때와 구조가 달라서 불친절하다는 생각이 드네요,,
- 미해결프로젝트로 배우는 Vue.js 3
59강 API body 질문입니다.
59강 TodoForm onSave 함수에서 API를 호출할 때, data 객체를 생성하지 않고 API 바디에 곧바로 todo.value를 넣으면 안될까요?
- 미해결프로젝트로 배우는 Vue.js 3
로그인과 같이 레이아웃이 완전 다른 페이지를 만들때는 router 를 어떻게 할까요?
안녕하세요 선생님!덕분에 정말 뷰 재미있게 배우고 있습니다. 한가지 궁금한점은모든 페이지에는 헤더가 동일하다가로그인/회원가입에서만 헤더가 다르거나 완전 다른 레이아웃일 경우에는 아래 중 어떤 것이 가장 적합한지 궁금합니다. router 를 사용한 후 v-if 등을 활용해서 header를 숨김처리router 사용 / header 컴포넌트에 slot 등을 활용해서 숨김처리로그인/회원가입과 같은 특수한 페이지만 router 사용하지 않고 a링크로 url 이동어떤것이 가장 적합할까요?또한, 30페이지 정도는 a헤더를 사용하고 40페이지 정도는 b헤더를 사용해야하는 경우에는 어떤것이 적합한지 궁금합니다!
- 미해결프로젝트로 배우는 Vue.js 3
vue CLI 설치 관련 문의드립니다.
현재 vue installation 페이지가 없어서 아래 페이지를 참고 하고 있습니다.https://vuejs.org/guide/quick-start.html#creating-a-vue-application 하여 node.js 설치 후 강의에 가이드해주신대로 설치하니,아래와 같은 에러가 발생합니다.어떻게 진행해야되는지 답변 부탁드립니다.
- 미해결프로젝트로 배우는 Vue.js 3
31강 DB질문
깃에 31 branch로 프로젝트돌렸는데 왜 DB에 저장된 3개의 목록이 보이지 않을까요?그리고 새로 추가해보려 해도 저장도 안됩니다
- 미해결프로젝트로 배우는 Vue.js 3
to와 :to의 차이점
router-link 태그에서 원래 to로 달려있던 속성을 :to로 바인딩 해주셨는데 이거는 어떤 의미에서 바인딩을 시켜주셨는지 궁금합니다.
- 미해결프로젝트로 배우는 Vue.js 3
52강의 originalTpdp ref 와 todo ref
res.data는 객체이기 때문에 todo.value = res.data 와origivalTodo.value = res.data 는다른 메모리 주소에 할당되는 것이 아닌가요?
- 미해결프로젝트로 배우는 Vue.js 3
delete todo 함수를 prop으로 내려주지 않는 이유는 무엇인가요??
부모 컴포넌트에서 delete todo 함수를 자식컴포넌트에서 내려주지 않는 이유는 무엇인가요? 자식 컴포넌트에서 값을 바꿔주면 안되서 일까요??