25%
41,250원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Nuxt.js 시작하기
axios
npm i axiosnpm install axios다 설치 해봤는데 아래 와 같은 에러가 나옵니다.검색해보니 이렇게 나와도 axios가 설치가 된거라네요node_modules 파일 보니 axios 가 추가 되어 있고,package.json 에도 추가되어 있습니다. 그런데 axios 사용 하려고 하니 아래와 같은 에러가 발생합니다. .nuxt도 지워보고nodemodules도 지워보고 별거 다해봤는데계속 저런 에러가 나오면서 메인 화면이 안나옵니다. axios 선언과 사용 부분을 지워봐도계속 저런 에러페이지가 나옵니다. 뭐가 문제인걸까요?
- 미해결Nuxt.js 시작하기
검색기능능 멀티로 작업하려고 합니다.
안녕하세요.동영상 강의 잘 보고 있는 사람입니다.다름이 아니라Nuxt.js 검색기능 강좌 보고 있는 도중 궁금한 것이 있어 문의드립니다.input 타입 text에서 입력하고 검색하는 것은 어찌 영상 따라하면서 구현은 하였으나..실문에서는 input창 뿐만 아니라 다양한 검색조건이 있지 않습니까?예를 들어 날짜 입력 하거나 라디오, 체크박스, 셀렉트박스에서 검색할 부분 체크 한 다음에 최종 검색 버튼을 누르잖아요.그렇게 여러가지 선택해서 검색하려면 작업을 어떻게 해야할까요?궁급합니다.
- 미해결Nuxt.js 시작하기
image 자료 관련하여
안영하십니까 ?강의내용에 직접적인 관련은 약간 벗어난 질문을 드립니다image자료 관련해서image자료가 public 폴더 내에 있다면 img tag의 src 속성에 경로를 입력하면 보안에 취약하지 않는데서버의 특정폴더(public가 아닌)에 imge자료가 있을경우img tag의 src에 경로를 표시하면 보안에 취약 할것 같아 사용이 어려울것 같습니다이런경우는 어떤 방법으로 하나요 ?
- 미해결Nuxt.js 시작하기
nuxt3 디렉토리관련
vue3랑 nuxt3 를 사용해보기위해 설치했는데 디렉토리가 많이 다르네요강의처럼 진행하려고 pages폴더를 직접 만들고 index.vue, main.js 를 만들어도 적용되지않네요app.vue 를 건드린다거나 이런 작업이 필요한가요?? 혹시 해당 강의는 nuxt3 를 사용해서 듣기엔 부적절한 강의인가요?
- 미해결Nuxt.js 시작하기
router.js 설정을 변경할 수 있는 방법이 있나요?
vue 파일을 생성하면router.js 파일에 자동으로 라우트 정보가 설정되잖아요이때 name 값은 파일명과 다르게 설정을 하고 싶습니다.직접 router.js 파일을 변경하면 재기동 하면서 원복 돼버리네요
- 미해결Nuxt.js 시작하기
페이지의 메타테그 변경 적용은 되는데... OG 디버깅에서는 작동안합니다. ㅠㅠ
안녕하세요많은 도움받고 있습니다.설명해주신대로 상세페이지에 이렇게 asyncData 로 api 에서 데이터 가져온 내용을 title 과 description 에 넣으려고 하는데 실행 후 콘솔에서는 해당데이터가 잘 변하는게 확인이 되는데, 카톡 공유를 위해 OG 디버깅을 하면 nuxt.config.js 에서 설정한 전역 설정으로 보여집니다.혹시 놓친 다른설정이 있을지 궁굼합니다.서버배포는 SSR 로 하고 있으며, npm run build 후 npm run start 로 실행하고 있습니다.그리고 api는 프록시를 통해 별도의 백앤드에서 데이터를 가져옵니다.거의 일주일째 이것떄문에 삽질 중이네요 ㅠㅠ
- 미해결Nuxt.js 시작하기
CORS 오류
콘솔에서 이렇게 나오는 오류는 어떻게 해결해야할까요?
- 해결됨Nuxt.js 시작하기
헤로쿠?
이거 서비스 무료인가요? 헤로쿠 처음 들어봐요. 아마존 라이트세일에서는 배포 어떻게 하나요?
- 미해결Nuxt.js 시작하기
localhost에 대한 액세스가 거부됨
localhost에 대한 액세스가 거부됨이 페이지를 볼 수 있는 권한이 없습니다.이런 에러페이지가 나옵니다. 그대로 따라 했는데..
- 미해결Nuxt.js 시작하기
뷰 템플릿
뷰 템플릿 문법을 넣어서 했는데 에러가 나옵니다.그래도 따라 했는데요 <template> <div><header> {{ $route.name }} </header><nuxt-link to="/">홈으로</nuxt-link><nuxt-link to="/">메인</nuxt-link><Nuxt /></div></template> 3:13 error Replace ·{{·$route.name·}}· with {{·$route.name·}} prettier/prettier✖ 1 problem (1 error, 0 warnings) 1 error and 0 warnings potentially fixable with the --fix option.
- 미해결Nuxt.js 시작하기
Linting tools
강의에서 나오는 Linting tools가 뭔가요?이전에 학습했다고 설명안하고 넘어가셨는데 저는 이전 강의를 듣지 못해서 뭔지 자세히 설명해주시면 감사하겠습니다
- 미해결Nuxt.js 시작하기
nuxt3
nuxt3 인경우 파일 생성이 자동으로 안되어있나요?
- 미해결Nuxt.js 시작하기
Nuxt 3 에서 eslint, prettier 사용 방법
안녕하세요. Nuxt 강의 잘 보았습니다. 그런데 지금은 또 vue3가 공식이 되어버려서... Vue3 와 함께 Nuxt 3를 사용해 보려합니다. 그런데, Nuxt3 는 처음 프로젝트를 생성할때 Nuxt2 처럼 언어, 렌더링모드, linting tools 등 기본 환경을 설정하는 과정이 없네요? 그러다 보니 linting tools 사용을 위해서 어떤 패키지를 설치해야 할지 모르겠습니다. 혹시 Nuxt3 는 자체적으로 eslint와 prettier를 내장하고 있나요? 아니면 어떤 패키지를 설치해야 할지 알 수 있을까요?
- 미해결Nuxt.js 시작하기
현업에서는
pages와 component호출에 따라서 서버사이드 클라이언트사이드 렌더링이 될텐데. 현업에서는 어디서 호출을 하는지와 해당이유가 궁금합니다.
- 미해결Nuxt.js 시작하기
질문입니다
backend 의 포트번호는 어디서 설정한건가요?? 3000번이라는 기준이 어떻게 생겨난건지 모르겠어요
- 미해결Nuxt.js 시작하기
typescript기반 에서는 this.$router가 인식이 안되는데 다른 방법이 있을까요?
현재 타입스크립트 기반의 nuxt.js 프로젝트 생성해서 강의 수강하고 있습니다. <script lang="ts"></script> 라우팅 부분에서 this.$router.push(`detail/${id}`);이 부분이 계속 인식이 안되고 있어서 아래로도 바꿔서 해보고 구글링 해보는데 먹히질 않네요. this.$nuxt.$router.push(`detail/${id}`); 혹시 타입스크립트 기반에서는 접근 방법이 다른가요?
- 미해결Nuxt.js 시작하기
혹시 nuxt에도 swr과같은 기능을하는것이 있을까요?
같은 데이터를 쓰는경우 여러 컴포넌트에서 똑같은 api를 호출할텐데 swr과 같이 여러곳에서 호출을해도 캐싱을해서 똑같은 api호출시 1번만호출하게끔 할수있나요 ?
- 미해결Nuxt.js 시작하기
fetch 속성 질문입니다.
fetch사용시 최초진입시는 서버사이드렌더링이되며, 페이지 이동시에는 csr이 되는게맞을까요? 만약 페이지이동시에도 데이터가 찬 상태로 렌더링을하고싶으면, 보통 어떠한 방법을 사용하나요 ?
- 미해결Nuxt.js 시작하기
product 질문드립니다.
안녕하세요, 강사님. 처음 접하는 Nuxt를 강의를 따라가며 재밌게 배우고 있습니다. 강의를 보다 궁금한 부분이 생겨서 질문드립니다. asyncData에서 return한 product를 addToCart라는 함수에서 접근할 때, this.product로 접근하고 있는데요. 이 부분이 잘 이해가 되지 않아서 질문드립니다. asyncData 안에서 return 된 값은 data에서 return한 값들과 똑같다고 생각하면 될까요? 다만 asyncData 내에서 사용할 때는 강의 중 말씀하신 것처럼 컴포넌트가 만들어지기 전이라, this를 사용할 수 없는 걸까요? 제가 잘못 이해한 부분이 있다면 말씀 부탁드립니다. 늘 감사합니다!
- 미해결Nuxt.js 시작하기
img.map() 부분 질문드립니다.
안녕하세요, 강사님. 좋은 강의 잘 보고 있습니다. 다름 아니라 강의 진행 중 image 처리를 하실 때 Math.random을 넣는 이유가 궁금해서 질문드립니다. 강의 중에도 간단히 말씀은 해주셨지만, 조금 더 자세히 알고 싶어서요. 키워드라도 알려주시면 찾아보겠습니다. 감사합니다.