묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Vue로 Nodebird SNS 만들기
vuex 관련 질문
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. vuex 가 메모리 처럼 새로고침/다른페이지 이동(SSL로) 하면 초기화가 되는데요 1. vuex 는 원래 메모리처럼 일시적으로 담아두고 새로고침을 하면 날라가나요? 2. 이걸 막기 위해서는 갖고싶은 데이터를 계속 갱신해줘야하나요?
-
해결됨Vue로 Nodebird SNS 만들기
KAKAO Login in NUXT 리다이렉트
안녕하세요 조선생님 카카오로그인을 nuxt에서 구현하고자 https://github.com/mango-tree/vue-kakao-login 를 이용하여 를통해 버튼은 구현하여 콘솔로그로 성공 메시지를 받았습니다. 하지만, 리다이렉트나 성별나이받아오는게 되질않아 https://www.youtube.com/watch?v=Re2R2rid1K4&t=378s 를 토대로 nuxt에서 구현하고자 nuxt.config.js에 아래의 sdk를 적고 해당 유튜브 영상과 비슷하게 nuxt의 기본 pages안 index.vue 의 스크립트에 windows.Kakao.init을해도 Kakao를 찾지 못한다고만 떠서 window를 지우니 Kakao객체는 접근이되는것같은데 이코드를 methods가 아니라 script에 바로 붙이고 로만 뜹니다 혹시 조언 얻을수있을지 궁금합니다. 번거롭게하여 죄송하빈다
-
미해결Vue.js + TypeScript 완벽 가이드
emit 안에서 this
vue 와 nuxt 를 좋아하는 사람입니다. 1. 예전 부터 궁금해왔지만 정확히 모르고 감으로 vue 에서 this 를 쓰고 있었습니다. vue 에서 this.$emit('event', payload) 에서 this 가 정확히 무엇인지 궁금해요. 2. 가끔씩 this.$refs , this / this.$store 도 쓰는데 여기서 this 가 약간 vue 전역? 느낌의 객체로 생각하고 있는데 정확한 this 의 정의가 궁금합니다.. 3. 3번 질문은 지극히 개인적인 문제이고 답변을 안 해주셔도 됩니다.. 군인이기에 멘토링 할 시간이 안되 이렇게 따로 여쭙습니다. 저는 vue 와 nuxt 가 좋은데 주변에서는 vue 가 망할 꺼라고 현 우리나라는 react 만 쓴다고해서 vue 를 계속 파고싶은데 너무 불안합니다. 이에 대해 조언이나 견해를 말씀해 주세요..ㅠㅠ 강의로 도움 많이 받고 있습니다 항상 감사합니다 판교님
-
미해결
router-view를 쓰는데 component가 웹 상에서 안나와요!ㅠ
안녕하세요. 혼자서 Vue를 독학하는 학생입니다. 다름이 아니라 최근 가볍게 Vue를 완독을 하고 프로젝트를 진행하는데, Vue 라우터를 쓰는 부분에서 막혔습니다. router.js파일을 만들어서 main.js에 잘 연결해줬고, 홈페이지도 잘 렌더링이 됩니다. 다만 <router-view>를 넣어준 부분에서 라우팅한 컴포넌트가 렌더링되서 나와야 하는데 그 부분이 나오지 않습니다. 혹시나해서 개발자도구로 보면 HTML문서로는 <!---->로 되어 있더라구요. 그 외의 부분들은 다 잘 됩니다. 왜 그런 걸까요??(nav에서 버튼을 누르면 URL이 바뀌는 것까지 잘 동작합니다. 다만 해당 URL에서도 컴포넌트가 뜨지 않습니다.)
-
미해결Vue로 Nodebird SNS 만들기
파일 경로 질문
강의와 관련있는 질문을 남겨주세요.• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)• 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달에도 요령이 필요합니다.• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요! 구체적인 질문일수록 명확한 답을 받을 수 있어요.• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다. 기본적인 예의를 지켜주세요.• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다. 강의 중간에 보면 파일 경로를 { from "~/components/file" } 가 나오는데요 1. "~" 가 루트폴더라는데 정확히 .nuxt 디렉터리의 상위 폴더를 뜻하는 건가요? 2. "@"도 쓰던데 @는 어떤 경로인가요? 3. 경로관련 문서는 어디서 찾나용..ㅠㅠ
-
해결됨웹 게임을 만들며 배우는 Vue
v-show
<div v-show="result.length"> <div>평균 시간: {{average}}ms</div> <button v-on:click="onReset">리셋</button> </div> 안녕하세요! v-show="resul.length" 가 true, false의 조건이 되는 이유를 모르겠습니다!
-
해결됨웹 게임을 만들며 배우는 Vue
reduce 화살표 함수에서
안녕하세용 화살표 함수에서 리턴값 a+c말고 0이 의미하는 것은 어떤 의미인가요~?
-
미해결웹 게임을 만들며 배우는 Vue
홈런일 때
홈런일 땐 초기화가 되는 것이니 this.tries.push({ try: this.value, result: '홈런', }); 이 부분을 기재하지 않아도 상관 없나요??
-
미해결웹 게임을 만들며 배우는 Vue
v-for"t in tries" :key="t.try"
강의에선 :key 를 기재 하시 않으셨는데 완성본에선 key가 있더라구요! 해당 내용에 대해서 찾아봣으나 정확하게 이해가 되지 않아서 여쭤봅니다. key="t.try"가 의미하는 바는 무엇인가요??
-
미해결Vue로 Nodebird SNS 만들기
VueNodeBird - 2-5강 - 8분
PostCard.vue 에서 <template> <div> 코드들 </div> </template> 를 <template> <v-app> 코드들 </v-app> </template> 로 쳤는데 index.vue 에서 v-for(반복)이 안되고 1개만 나오더라구용.. 1. 대충 v-app 이 한번만 들어갈 수 있어서 그런 것 같은데 맞나요?? 2. v-app 은 그럼 component 에서는 안쓰나요?? 3. v-app 안에 무조건 써야하는 것 아닌가요?? (vuetify)
-
미해결Vue로 Nodebird SNS 만들기
v-btn 에 nuxt property 질문!
강의와 관련있는 질문을 남겨주세요.• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)• 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달에도 요령이 필요합니다.• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요! 구체적인 질문일수록 명확한 답을 받을 수 있어요.• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다. 기본적인 예의를 지켜주세요.• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다. Vue 로 NodeBird 만들기 1-5강 3분 쯤 보면 <v-btn text nuxt to="/profile"></v-btn> 태그가 있는데요. nuxt 가 없더라도 잘 실행이 되는데 왜 nuxt 가 들어간 것 인가용? 여기서 nuxt 의 기능이 무엇인가요??
-
미해결애플 웹사이트 인터랙션 클론!
vue 적용법이 궁금합니다
js, html을 제가 만들고 있는 vue의 프로젝트에 적용하고 싶은데, 일단 main.js를 어디에 import해야할지 잘 모르겠습니다. 그래서 현재 js파일을 적용을 못하고 있습니니다. 또 html파일을 vue파일로 어떻게 변환해야할지 잘 모르겠습니다 ㅠㅠ 답변 기다리겠습니다 감사합니다
-
미해결Vue.js 시작하기 - Age of Vue.js
동적 라우팅에 대해 궁금한것이 있습니다.
안녕하세요. 좋은 강의 덕분에 vue를 잘 알아가고 있는것 같습니다. 감사합니다. 제가 물어 보고 싶은 것은 라우터를 통해 param을 던지는 부분중 { path: '/example/:id', component: Example } 을 통해서 /exaple경로로 들어오는 url은 다 Example컴포넌트로접근하고있습니다. vue 정식 사이트에는 매개 변수와 함께 라우트를 사용할 때 주의 해야할 점은 사용자가 /user/foo에서 /user/bar로 이동할 때 동일한 컴포넌트 인스턴스가 재사용된다는 것입니다. 두 라우트 모두 동일한 컴포넌트를 렌더링하므로 이전 인스턴스를 삭제 한 다음 새 인스턴스를 만드는 것보다 효율적입니다. 그러나 이는 또한 컴포넌트의 라이프 사이클 훅이 호출되지 않음을 의미합니다. 이렇게 되어 있는데 /example/sample1 에서 /example/sample2로 이동시 sample1의 beforeDestroy와 sample2의 mounted가 동작을 하던데 위에서 말하는 컴포넌트의 라이프 사이클 훅이 이 부분이 아닌건가요??