44,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결vue.js 실전 프로젝트(트위터 클론)
배포 후 로그인 불가 현상
6월에 완성하고 파이어베이스 배포했을때는 정상적으로 작동을 했었는데 오늘 확인차 로그인을 해보려고 하니 이런 에러 메세지가 뜨면서 로그인 자체가 되질 않네요. 이전에 저장됐던 로그인 정보 파이어베이스 db에서 모두 삭제하고 새로 회원가입 후 로그인 했을때 현상입니다,.. 다른 아이디로 회원가입하고 로그인해도 똑같은 현상이 발생하네요.
- 미해결vue.js 실전 프로젝트(트위터 클론)
쪽지에서 메세지를 쓰면 상대방에게 즉시 나타나게 하려면 어떻게 해야 할까요?
쪽지에서 메세지를 쓰면 쪽지를 받는 상대방은 이름을 선택해 주어야 새로운 메시지가 나타나네요.메시지를 쓰면 상대방에게 즉시 나타나게 하려면 어떻게 해야 할까요?
- 해결됨vue.js 실전 프로젝트(트위터 클론)
permission denied firebase 에러
firebase 스토리지 최초 생성하고 프로필 이미지를 올렸을 때 permission denied firebase 에러가 날수있습니다.강의에서 따로 언급되지는 않았는데 이럴경우 storage > Rules에서 allow read, write: if false;를 allow read, write: if true;로 바꿔주시기 바랍니다.
- 미해결vue.js 실전 프로젝트(트위터 클론)
fontawesome이 6으로 업데이트되면서 5와 같이 cdn키를 발급하지 않습니다. 6의 kit을 사용해봤는데요. 동작하지 않아서요. 대체제가 있을까요?
fontawesome이 6으로 업데이트되면서 5와 같이 cdn키를 발급하지 않습니다. 6의 kit을 사용해봤는데요. 동작하지 않아서요. 대체제가 있을까요?https://fontawesome.com/v6/docs/web/use-with/wordpress/troubleshoot#conflicts-in-the-cdn-or-kit-settings
- 미해결vue.js 실전 프로젝트(트위터 클론)
tailwind css with vue3 and vite 설치 후 에러 문의
안녕하세요! <기본 프로그램 설치하기> 아래 설치 링크가 강의 시점보다 과거여서 제 컴퓨터에서는 @vitejs가 detected된다고 나와요.그래서 vite를 대신 사용하라고 합니다.https://tailwindcss.com/docs/guides/vue-3-vite그리고 yarn dev를 통해 purge부분에서 아래와 같은 에러가 납니다. 혹시 해결방법을 아실까요? VITE v3.1.6 ready in 155 ms➜ Local: http://127.0.0.1:5173/➜ Network: use --host to exposewarn - The purge/`content` options have changed in Tailwind CSS v3.0.warn - Update your configuration file to eliminate this warning.warn - https://tailwindcss.com/docs/upgrade-guide#configure-content-sourceswarn - The darkMode option in your Tailwind CSS configuration is set to false, which now behaves the same as media.warn - Change darkMode to media or remove it entirely.warn - https://tailwindcss.com/docs/upgrade-guide#remove-dark-mode-configuration 그리고 아래처럼 script부분에서 export default {} 에서 이슈가 생깁니다. 경고를 주는데, 해결방법을 모르겠습니다.도와주세요!!![plugin:vite:vue] [@vue/compiler-sfc] <script setup> cannot contain ES module exports. If you are using a previous version of <script setup>, please consult the updated RFC at https://github.com/vuejs/rfcs/pull/227. /Users/****/my-project/src/App.vue 7 | </template> 8 | 9 | <script setup> | ^ 10 | export default {} | ^^^^^^^^^^^^^^^^^ 11 | </script>
- 미해결vue.js 실전 프로젝트(트위터 클론)
record.meta.requireAuth에서 requireAuth를 인식을 못해요ㅠ
강의 내용이랑 완전 똑같이 했는데 const routes = [ { path: '/', component: Home, title: '홈', meta: {requireAuth: true, isMenu: true, layout: 'DefaultLayout'}, }, { path: '/notifications', component: Notifications, title: '알림', meta: {requireAuth: true, isMenu: true, layout: 'DefaultLayout'}, }, { path: '/messages', component: Messages, title: '쪽지', meta: {requireAuth: true, isMenu: true, layout: 'DefaultLayout'}, }, { path: '/profile', component: Profile, title: '프로필', meta: {requireAuth: true, isMenu: true, layout: 'DefaultLayout'}, }, { path: '/register', component: Register, meta: {isMenu: false, layout: 'EmptyLayout'} }, { path: '/login', component: Login, meta: {isMenu: false, layout: 'EmptyLayout'} },]const router = createRouter({ history: createWebHistory(), routes,})router.beforeEach((to, from, next) => { const currentUser = store.state.user // console.log(to) // console.log('여기부터 to.matched') // console.log(to.matched) const requireAuth = to.matched.some(record => record.meta.requireAuth) //record는 배열의 한 줄을 의미 if (requireAuth && !currentUser){ next('/login') } else{ next() } // next()})export default router const requireAuth = to.matched.some(record => record.meta.requireAuth) 위의 저 한줄에서 requireAuth 변수를 인식 못한다고 나오네요 (unresolved variable requireAuth) 아무리 구글링해봐도 이유를 모르겠어요 ㅠ
- 미해결vue.js 실전 프로젝트(트위터 클론)
Vue 2로도 개발할 수 있나요??
방금 결제하고 왔습니다 ㅎㅎ 잘 들을게요,. 근데, vue2로도 개발 가능할까요??
- 미해결vue.js 실전 프로젝트(트위터 클론)
트윗페이지의 코멘트 관련하여 질문드립니다.
안녕하세요. 트윗페이지의 코멘트 불러오기를 하고 있는데요, 강의와 동일하게 아래처럼 코드를 넣었더니, 코멘트를 작성한 트윗이 아닌 다른 트윗에 가도 작성했던 댓글이 모두 불러와집니다. COMMENT_COLLECTION .orderBy("created_at", "desc") .onSnapshot((snapshot) => { snapshot.docChanges().forEach(async (change) => { let comment = await getTweetInfo( change.doc.data(), currentUser.value ); if (change.type === "added") { comments.value.splice(change.newIndex, 0, comment); } else if (change.type === "modified") { comments.value.splice(change.oldIndex, 1, comment); } else if (change.type === "removed") { comments.value.splice(change.oldIndex, 1); } }); }); 그래서 COMMENT_COLLECTION 뒤에 .where("from_tweet_id", "==", tweet.value.id) 을 추가했더니었더니 해당 트윗에만 정상적으로 나오는 것 같은데요, 위처럼 작성하면 맞는것인지 혹은 다른 방법이 있는지 궁금합니다.
- 미해결vue.js 실전 프로젝트(트위터 클론)
트윗 분기 처리 강의 내용 중 delete에 관한 문의입니다.
안녕하세요 트윗 분기 처리 강의 내용 중 delete에 관해서 질문드릴게 있어 글 올립니다. 강의 중에 강사님께서는 다음과 같이 코드를 작성해서 리트윗한 것에 대해 코드를 작성해 주셨습니다. 그런데 당연스럽게도 다음과 같이 error가 발생했습니다. 그래서 공식문서를 참고해서 다음과 같이 현 버전으로 코드를 작성해보았습니다. 그래서 이렇게하면 error가 해결될 줄 알았는데 다음과 같이 다른 error가 발생했습니다. 그래서 검색을 해보니까 결론은 참조하는 querySnapshot.docs[0].ref의 type이 string이 아니라서 error가 발생했다고 생각이 들었습니다. 그래서 querySnapshot.docs[0].ref를 console.log로 찍어보니까 다음과 같이 값이 출력되었습니다. 여기서부터 저는 '값을 string이 아닌 array로 불러서 type error가 발생한 것이 아닌가?'라는 생각이 들었습니다. 그래서 저는 원점으로 돌아가서 querySnapshot에서 retweet 파일의 id가 어디있는지를 찾기 시작했습니다. 결국에는 아래와 같은 위치에 있었더군요. 그래서 저 id를 참조해서 코드를 아래와 같이 작성하니 정상적으로 retweet이 취소되고 해당 파일도 삭제가 되었습니다. 해결은 되었지만 한가지 궁금한 점이 있었습니다. 그러면 강의에서 강사님께서는 querySnapshot.docs[0].ref를 통해서 해당 파일의 id를 불러온 것같은데 제가 앞서 말씀드린바와 같이 제가 해당 내용을 console.log로 찍었을 때에는 array로 출력이 되었습니다. 구 버전 내용을 보아도 해당값은 string이 들어가야하는게 맞는거 같아서 이에 관해 ref가 array임에도 불구하고 강의에서는 어떻게 정상적으로 구동되었는지 궁금합니다.
- 미해결vue.js 실전 프로젝트(트위터 클론)
firebase tools의 버전이 궁금합니다
firebase는 깃헙으로 보고 구버전으로 설치했는데 firebase-tools는 전역설치라 그런지 찾아봐도 나오지 않아서 이렇게 질문 올립니다 아니면 혹시 최신버전으로 해도 firebase구버전과 연동이 잘되나요??
- 미해결vue.js 실전 프로젝트(트위터 클론)
npm run dev 오류
- npm run dev를 했을때 permission denied 오류가 뜹니다. 는 1:1 문의하기를 이용해주세요.
- 미해결vue.js 실전 프로젝트(트위터 클론)
firebase 버전에 따른 import 문제 질문드립니다
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 firebase authentication 강의를 듣다가 에러가 지속적으로 발생해서 문의 드립니다. 현재 버전에 따르면 import firebase from 'firebase'는 더이상 지원 하지 않는다고 합니다. 즉, firebase/app 이런 식으로 세부적으로 들어가야한다고 합니다.. 그에 따라 강사님이 작성해주신 export const auth = firebase.auth() 에서 auth 함수가 작동하지 않습니다. 여러 검색 결과 이제는 initalizeApp 따로, getAuth 따로 import를 해주어야한다고 확인하였고 auth() 함수는 getAuth를, firestore() 함수는 getFireStore 를 import하여 어찌 진행해 볼 수 있었으나 storage() 함수는 어디를 어떻게 찾아야할 지 방법이 없어 질문을 드립니다.. 아니면 firebase install 하는 버전을 강사님과 동일하게 맞춰야 하는지 생각도 됩니다. 강사님과 동일한 firebase 버전으로 변경하여 진행하여도 해당 에러가 발생합니다..
- 해결됨vue.js 실전 프로젝트(트위터 클론)
코멘트가 모든 트윗에 보입니다.
안녕하세요, 아래 사진에서 보면 8W로 시작하는 id를 가진 트윗 페이지로 이동했고, 이곳에 코멘트를 달았습니다. 그런데 이 댓글이 다른 모든 트윗 페이지에서도 보입니다. 주소창을 보시면 아시겠지만 params id 값이 다른 전혀 다른 트윗의 페이지입니다. 그런데도 동일한 댓글이 나오네요.. FIREBASE STORE에 보면 8W로 시작하는 트윗에만 num_comments가 1로 되어있고 화면 상으로도 안녕하세요 라는 트윗에만 코멘트 수가 1로 적혀있는데 말이죠.. DB와 삭제 기능 등은 모두 잘 작동하는데 왜 모든 트윗 페이지에서 특정 트윗에다가 입력한 코멘트가 모두 보이게 되는걸까요? 아직 설정이 안된건지..아니면 코드 중에서 route.params.id에 경고 메시지가 뜹니다. 메시지 내용은 '인자의 타입이 올바르지 않다'라는 것인데요..선생님과 동일하게 useRoute를 임포트해서 변수 route에 담아주어 사용하고 있는것인데 왜 저는 이런 경고창이 뜨는걸까요.. 혹시 해당 params.id 를 인식하지 못해서 모든 트윗페이지에 보여주는걸까요?
- 해결됨vue.js 실전 프로젝트(트위터 클론)
n.indexOf is not a function 에러..
분명히 선생님과 똑같은 코드를 작성했는데 저는 이런 에러가 뜨면서 트윗이 나오질 않습니다..onBeforeMount부분에 뭘 잘못한거같은데 눈을 씻고 찾아봐도 모르겠어요 ㅠㅠ 스냅샷 쪽 forEach 함수안에 비동기 async와 await을 지우면 DB의 데이터가 반영안된 트윗 4개는 나옵니다. 근데 비동기 적용만 하면 갑자기 저런 에러가 나와요 ㅠ
- 해결됨vue.js 실전 프로젝트(트위터 클론)
unresolved variable이라고 나옵니다.
안녕하세요, 아래와 같이 unresolved variable이라고 경고메세지를 주는데, 화면상으론 정상적으로 로그인한 이메일이 반영됩니다. 이유가 무엇인가요?
- 미해결vue.js 실전 프로젝트(트위터 클론)
파이어 베이스 연동시 에러가 납니다. ㅠㅠ
firebase authentication 강의에서 import firebase from "firebase"; 파어이베이스 import 하고 Register.vue에서 import { auth } from "../firebase"; 하면 아래와 같은 에러가 발생합니다. ㅠ__ㅠ 몇번을 다시 해봐도 계속 에러가나서 뭐가 잘못 된건지 모르겠어요 ㅠ_ㅠ Internal server error: Failed to resolve entry for package "firebase". The package may have incorrect main/module/exports specified in its package.json: Missing "." export in "firebase" package
- 미해결vue.js 실전 프로젝트(트위터 클론)
진짜 간절합니다 도와주세요
선생님이 올려주신 git hub 제 firebase에 구축해서 해봤는데 다른건 다 잘되는데 트윗 댓글이 왜 안달릴까요 ?? 댓글이 달리는 숫자는 증가하는데 들어가서보면 없어요..ㅜㅜ 데이터베이스도 잘 저장되어있고.. 소스코드도 전부 오류없이 잘 구동되는데 왜이런건가요 ㅠㅠ
- 미해결vue.js 실전 프로젝트(트위터 클론)
도와주세요 ㅠㅠ
안녕하세요 질문좀드려요 route를 main.js 에 import만 하면 홈페이지가 공백이 되어버리는데 이경우는 어떻게하나요 ? 라우터는 정상적으로 설치되어있습니다 ㅠㅠ문의하기를 이용해주세요.
- 미해결vue.js 실전 프로젝트(트위터 클론)
computed 질문이 있습니다.
해당 강의에서 currentUser에 store.state.user를 받을때 computed로 받았는데 이유를 알고싶어 글 남깁니다!
- 미해결vue.js 실전 프로젝트(트위터 클론)
git clone 후 npm run dev 시, 나타나는 에러
안녕하세요! 진수님, 먼저 최신 기술의 좋은 강의 올려주셔서 감사합니다. 전체적으로 프론트 강의 한번 진행 후, github에 있는 코드를 clone 받은 후 npm install 후 npm run dev 실행시, 아래와 같은 에러가 발생합니다. 구글링을 해도 정확한 해결 방안을 찾아내지 못해 이렇게 질문드립니다. 답변 부탁드립니다.