vue 파일에서 eslint 오류가 나는데 구글링 하여 따라해봐도 오류가 사라지지 않습니다ㅜ

안녕하세요. 기초강의부터 Nuxt 강의까지 많이 도움을 받았습니다.   다름 아니라... Nuxt 에서 쿠키를 사용할려고 하는데 생각처럼 잘 안되네요...   로그인 구현후 인증값을 쿠키로 저장하고 store 의 state에 쿠키값이 존재시 state 의 데이터를 초기화 할려고 합니다. import Cookies from "js-cookie"; export const state = () => { userName = Cookies.get('userName') || ''; } store/index.js 에 위와 같이 state 값이 쿠키값을 초기화할려고 합니다. 하지만 userName 에 쿠키값이 초기화되지 않습니다.   nuxtServerInit 등 여러삽질을 해봤지만 해결점을 찾지 못했습니다.   Nuxt 에서 쿠키활용에 대해 설명해주시면 많은 도움이 될거같습니다.    

.

nuxt가 확실히 숙련되면 vue로 만드는것보다 편할것같은데 굳이 검색엔진최적화가 요구되는 프로젝트가 아니더라도 그냥 모든 프로젝트를 nuxt로 만들어도 되는건가요? 아니라면 vue로 해야만하는 프로젝트가 따로 있는걸까요? 궁급합니다!

nuxt의 layout, page, component 이해가 잘되게 설명해주셔서 감사합니다!   layout은 화면의 공통적인 부분 및 error화면  page는 보여질 화면 component는 page에 들어갈 컴포넌트 이렇게 이해했습니다.   그런데 nuxt.js가 업데이트 되면서 layout이라는 폴더가 없어졌습니다.. 이러한 경우 layout은 아예 없어진 건지 어디로 흡수된건지 등 어떻게 사용할 수 있는 지 궁금합니다!  

안녕하세요 강사님! 좋은 강의 제공해주셔서 감사합니다. fetch에서 url로 바로 접근하는 것과 특정 페이지에서 이동하는 것과 다른 것으로 인지했습니다. console로 this가 다르게 나오는 것까지요.   혹시 이 2개를 구분하는 방법이 있을까요? fetch() hook 안에서 url로 바로 접근했는지... 아니면 다른 페이지에서 타고  왔는지요...

asyncData 와 fetch 는 비슷한 기능 같아 보이는데, 왜 2개가 있는지 혼란 스럽습니다. 1) asyncData 가 pages 내의 컴포넌트만 가능한 이유가 무엇일까요 ? pages 컴포넌트는 특별한 무엇이 있는 듯 해서요. 2) 혹시 모든 걸 fetch 로만 가능한 건 아닐까요 ? asyncData 로만 가능한 기능이 어떤 걸까요 ? 본 강의에서 예시를 들어줄 수 있는지요 ? 3) 둘 중 어느 하나로만 안되고, 혼란스럽게 두 개로 분리한 중요한 촛점이 있을 듯 한데요. 그게 무엇일까요 ? 실제 직접 사용할려면, 많이 혼동할 거 같습니다...

nuxt를 쓰는데    v-for="(rowItem, idx) in superMarketList"         :key="rowItem.user_id"         :class="{ even: idx % 2 == 1 }"       >         <td v-for="(colItem, name, j_idx) in rowItem" :key="colItem.user_id"> 빨간줄 부분을 넣으면 Cannot read property 'user_id' of undefined 계속 떠요ㅠ  이게 컬럼에 데이터를  비운채로 실행하니까 뜨는거 같은데 빈컬럼을 지우니까 안뜨더라구요  데이터를 안넣고 배열된 테이블을 띄우는 방법이 없을까요? 

vue로 프론트 엔드 개발을 하고 배포를 하려고 하는데 막히는 점에 있어서 질문을 드립니다..ㅠㅠ 백엔드는 없고 api 사이트에서 회원가입을 하여 데이터를 받아옵니다. 무료지만 많은 접속을하게되면 요금이 청구되는데.. 여기서 궁금한 점이 있습니다. 1. api-key를 vue에서 숨길 방법은 없나요? dotenv 설치 후 .env를 이용하여 봤는데 F12 개발자도구 탭에서  Requests Headers 를 보면 api 키가 적나라하게 나오더라고요.. 만약 숨길 방법이 없다면 해커들이 제 api key 를 보고 악용을하여 어마어마한 요금이 청구되는 사태는 막을수 없나요? Nuxt를 이용하여 ssr:false ,  target:'static' 으로 vue 개발을 했고 netlify 에서 배포 예정입니다.  @nuxtjs/dotenv 모듈을 이용하였습니다.

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. vuex 가 메모리 처럼 새로고침/다른페이지 이동(SSL로) 하면 초기화가 되는데요 1. vuex 는 원래 메모리처럼 일시적으로 담아두고 새로고침을 하면 날라가나요? 2. 이걸 막기 위해서는 갖고싶은 데이터를 계속 갱신해줘야하나요?

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. @nuxtjs/axios 설정 옵션을 검색하다가 nuxt.conifg.json 에서 baseURL 과 browserBaseURl 이렇게 2개가 있더라고요 baseURL 는  to make sever side requests  , browserBaseURl  는 to make client side requests 라고 되어있는데 server side req 와 client side req 의 차이를 알고 싶습니다.. 강의 중 짧게 설명하셨는데 정확하게 알고 싶어서요

안녕하세요 조선생님 카카오로그인을 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에 바로 붙이고 로만 뜹니다 혹시 조언 얻을수있을지 궁금합니다. 번거롭게하여 죄송하빈다

1. login: xhr 과 login: preflight 가 짝을 이루고 있는데 preflight 는 무엇인가요? 왜 자동으로 보내지나요?? 2. 강의와 코드를 똑같이 쳤는데 login 요청이 2번이 동시에 나갑니다.. 왜이러는지 모르겠어요 1. login: xhr 과 login: preflight 가 짝을 이루고 있는데 preflight 는 무엇인가요? 왜 자동으로 보내지나요?? 2. 강의와 코드를 똑같이 쳤는데 login 요청이 2번이 동시에 나갑니다.. 왜이러는지 모르겠어요.  제 생각에는 actions 부분에서 2번이 연속으로 요청되는 것 같은데 잘 모르겠네요..

강의와 관련있는 질문을 남겨주세요.• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)• 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달에도 요령이 필요합니다.• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요! 구체적인 질문일수록 명확한 답을 받을 수 있어요.• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다. 기본적인 예의를 지켜주세요.• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다.  1회독을하고 복습차 직접 노드버드를 다시 만들고 있는 중에 질문이 생겼습니다 1. 저는 몽고디비를 쓰는 것을 선호하는데 만약 디렉터리를 (model: mysql) (model2: mongodb) 이렇게 만들고 백엔드에서 import sqldb from "./model" ,  import mongodb from "./model2" 이렇게 2가지를 병해해서  쓸수도 있나요..? sql은 게시물 , mongo는 사용자 이런식으로.. 2. 만약 쓸 수 있다면 mysql 과 mongo가 서로 참조(?) 를 할 수 있나요? 예를들어 mysql 게시물 스키마에 mongodb user를 칼럼으로 넣을 수 있는지..

강의와 관련있는 질문을 남겨주세요.• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)• 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달에도 요령이 필요합니다.• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요! 구체적인 질문일수록 명확한 답을 받을 수 있어요.• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다. 기본적인 예의를 지켜주세요.• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다.  강의 중간에 보면 파일 경로를 { from "~/components/file" } 가 나오는데요 1. "~" 가 루트폴더라는데 정확히 .nuxt 디렉터리의 상위 폴더를 뜻하는 건가요?  2. "@"도 쓰던데 @는 어떤 경로인가요? 3. 경로관련 문서는 어디서 찾나용..ㅠㅠ

강의와 관련있는 질문을 남겨주세요.• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)• 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달에도 요령이 필요합니다.• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요! 구체적인 질문일수록 명확한 답을 받을 수 있어요.• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다. 기본적인 예의를 지켜주세요.• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다.  안녕하세요. 프로젝트 막바지에 큰 이슈 하나가 발생하여 해결이 쉽지 않아 문의 남깁니다.  문제는, 라우트 관련입니다. 1. 개발 후 웹서버에 배포 시 Error 페이지 기능이 동작이 되지 않습니다. (404)        웹서버(Apache) mod_redirect 를 활용해야 할까요?  2. 넉스트의 dynamic route 가 정상적으로 동작 되지 않습니다. (a폴더/b폴더/_code.vue)     로그인 후 메뉴 클릭을 통한 진입에 대해서는 당연히 문제는 없지만 새로고침을 통해 직접 URL 진입이 불가능한 상황입니다.     build시 실제 해당 폴더가 생성되지 않기 때문에 동적으로 라우팅 룰을 생성해줘야 하는 것으로 보이는데, 쉽게 해결할 수 있는 방법이 있는지 문의 드립니다.  명쾌한 강의 감사합니다.

갑자기 궁금해졌는데.. 공식문서를 보니까 $axios.$get 을 하더라고요.. 1. $axios.$get 처럼 get 이나 post 에서 $을 왜 안붙이는 거죠? (전체적인 강의에서) 2. $가 자바스크립트에서 , nuxt 에서 정확히 무슨 뜻인지 궁금해요..(검색해봤는데 제대로 설명하는 곳이 없는거 같아요..영어는 잘못하고 ㅠ) 도와주세요

강의와 관련있는 질문을 남겨주세요.• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)• 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달에도 요령이 필요합니다.• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요! 구체적인 질문일수록 명확한 답을 받을 수 있어요.• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다. 기본적인 예의를 지켜주세요.• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다.  Vue 로 NodeBird 만들기 1-5강 3분 쯤 보면 <v-btn text nuxt to="/profile"></v-btn> 태그가 있는데요. nuxt 가 없더라도 잘 실행이 되는데 왜 nuxt 가 들어간 것 인가용? 여기서 nuxt  의 기능이 무엇인가요??