55,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Nuxt.js 시작하기
SSR/SSG 배포 관련해서 문의드립니다.
안녕하세요. 10월말 부터 약 한 달동안 'vue.js 시작하기' 강의부터 지금 이 nuxt 강의까지 쉼없이 달려왔네요. 그동안 수강평을 남기지 않아 문의 겸 감사의 말씀 드립니다. PHP + CI 백엔드 개발자인데 프론트로 전향하고 싶어서 알아보다 삽질의 시간을 줄이기 위해 강사님의 전체 강의를 듣게 되었습니다. 덕분에 한 달만에 Vue/Nuxt를 어떻게 사용하면 될지 정리가 되었네요! 이제는 토이 프로젝트들을 진행하며 익숙해지면 될 것 같습니다. 다시 한 번 감사드립니다. 문의드릴 것은 다름이 아니라 배포 관련해서 입니다. 1. 실무에서는 (회사 환경에 따라 다 다르겠지만) SSR / SSG 방식 중 어떤 것을 더 선호하나요? 2. Nginx(또는 Apache) 웹 서버를 사용하는 경우 아래와 같은 방법으로 처리되는게 맞을까요? 2-1. SSR 방식은 아래처럼 Proxy 처리를 하면 될 것 같은데, SSG 방식은 웹 서버의 Document Root에 빌드된 Dist 내용만 넣으면 되는 걸까요? 좋은 강의 감사합니다. 다음에 새 강의가 나오면 그 때 또 뵙겠습니다 :)
- 미해결Nuxt.js 시작하기
서버사이드렌더링에 대해 질문드립니다!!
Universal 모드를 통해 1. 첫 페이지 진입점을 프리렌더링을 통해 완성된 HTML을 브라우저에 전달. 2. 그 이후에는 하이드레이션을 통해 다이나믹 돔의 기능(SPA와 동일한 동작을 가능하게 하는)을 붙인다. 위의 두가지 과정이 Nuxt의 SSR의 핵심같은 친구들이라 생각하는데, 여기서 한가지의 의문점이 있습니다. 첫 진입점의 페이지만 완성된 HTML을 전달한다고 하면 그 이후의 페이지에 대해서는 크롤러가 읽을 수 있는건지 없는건지가 판단이 잘 안섭니다..! 크롤러의 동작방식이 거미마냥 사이트에 진입하면 존재하는 링크를 전부 타고 이곳저곳 이동하는 방식이라고 알고있는데 그렇게 되면 최초의 진입점 이외에는 index가 안 만들어 질 수도 있을까요?
- 미해결Nuxt.js 시작하기
nuxtjs/axios
axios 를 설치해서 강좌 진행해주셨는데혹시 nuxtjs/axios 설치 후 api/test.js 파일이 있다고 가정한 후에,api/test.js 파일에서 axios를 호출하려면 어떻게 해야할까요? ㅠㅠpages 폴더 아래 파일들이나 store action에서는this.$axios로 접근이 가능한데 api 폴더 생성 후 해당 폴더 아래 파일에서 this.$axios로 호출(접근?)할 경우 undefined 에러가 떠서요 ㅠㅠ답변 주시면 감사드리겠습니다 ㅎㅎ
- 미해결Nuxt.js 시작하기
SPA 배포시 서버 설정 관련 안내 영상(Vue.js 완벽 가이드 강의 - 결제 필요)
해당 부분에 대해서 결제 없이 안내 받을 수 없을까요..? AWS S3+CloudFront 상황에서 디테일 페이지 리프레쉬를 진행하면 slash가 포함된 url로 redirect(301)로 시켜버려서요.
- 미해결Nuxt.js 시작하기
질문이요!
저는 나중에 스켈레톤 UI를 적용해보고 싶은데, 보통 스켈레톤 UI 기법은 데이터가 불러와지는 영역에 불러오기 전까지 로딩UI를 표시할텐데, 만일서버에서 다 그려지고 뿌려지는 형태면은 보통 로딩바는 그냥 가운데에 spinner라든가 로딩 애니메이션을 구현해야 할까요?분명히 데이터의 양이 커지면 서버에서도 그려지는 딜레이가 있을텐데 로딩표현은 어떻게 해야 하는지 궁금해서요
- 미해결Nuxt.js 시작하기
도와주세요...
layouts ... 등등 없는게 있어서 버전 낮추고 재설치 하려고 할때부터 이렇게 에러 뜨고 계속 안됩니다... 검새갷도 안나오고.. 설치만 20번 넘게 해본거같아요.. 강의 구매하고 계속 못하고있네요 ㅜㅜ
- 미해결Nuxt.js 시작하기
nuxt 버전 질문입니다.
위 질문에서 'npm install nuxt@2.15.3' 으로 강의버전에 맞는 nuxt.js를 설치 할 수 있다고 말씀해 주셨는데 npm init nuxt-app 으로 프로젝트를 만든 뒤에는 수정할 수 없는 건가요?아니면 Vue 프로젝트를 먼저 만들고 난 뒤 해당 버전의 nuxt.js를 설치한 다음 폴더구조를강의에 맞게 설정해주면 정상적인 작동이 될까요?
- 미해결Nuxt.js 시작하기
질문이요!
저는 자동완성에 소문자형식으로 나오는데 대문자로 나오게 하는 설정이 따로 있을까요?
- 미해결Nuxt.js 시작하기
질문이요!
실제 작업할때 보통은 백엔드 api쪽은 따로 분리하지 않나요?위 강의처럼 하나의 프로젝트 내에 별도의 api 폴더를 생성해서 프로젝트를 진행하는 경우도 있나요?
- 해결됨Nuxt.js 시작하기
Nuxt.js 실서비스시 궁금합니다.
현재 서비스를 nuxt.js로 포팅하는 작업을 진행 예정에있습니다. 때문에 강의 너무 잘 보고있습니다. 궁금한점이 현재 강의에서 heroku를 이용한 방법이 나오고 링크에 Azure와 Google App Engine이 소개되고있는데 실제 사용시에 어느 플랫폼을 통하여 배포하시는지 궁금합니다. 또 배포자동화등을 위해 사용하시는건 뭐가있는지 궁금합니다. 감사합니다.
- 미해결Nuxt.js 시작하기
v-model 사용시 $emit 키워드도 정해지나요?
props를 이용하여 데이터를 연동할때 v-model로 변경하게 되면 props의 키워드를 value로 변경 해야 했습니다. 이 경우 하위 컴포넌트로 받던 $emit도 input이라는 예약어(?)로 정해져 있나요? props의 키로 searchKeyword를 사용하면 @input="$emit('evtName', $event.target.value)" @evtName='somethingMethod' 이렇게 잘 동작했는데 props의 키를 value로 변경하게 되면 evtName로 바인딩이 안되고(물론 바인딩 할 대상이 없기도 하지만...) @input="$emit('input, $event.target.value)" 만 잘 동작 하네요. $emit 안에 있는 'input'이 정해진 규칙인건가요?
- 미해결Nuxt.js 시작하기
질문이요!
만약에 선택을 잘못해서 뒤로 빽할려면 어떻게 해야 하나요?
- 미해결Nuxt.js 시작하기
외적인 질문이지만,
호, 혹시 향후 어떤 주제의 대한 강의가 나오는지 미리 알 수 있을까요?
- 미해결Nuxt.js 시작하기
파일 생성시 확장자 문의
안녕하세요. 새로운 파일을 만들려고 할 때, 확장자를 *.vue 또는 *.js 로 만들게 되는 데요. 어떤 경우는 .vue 로, 또 어떤 경우는 .js 로 만드는 것인가요 ? 혹시 모든 파일을 .vue 로만 만들어도 되나요 ? 또는 모든 파일을 .js 로만 만들어도 되나요 ?
- 해결됨Nuxt.js 시작하기
eslint에서 asyncData를 자동으로 올려주지 않네요
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 일단 수동으로 올려서 쓰고 있는데, 강의에서 처럼 자동으로 된다면 무척 편할거같습니다. 알려주신 플러그인들은 모두 설치한 상태인데 어떤게 빠진걸까요?
- 미해결Nuxt.js 시작하기
error 페이지
nuxt 버전이 바뀜에 따라 default 페이지가 없는데, plug in 으로 등록해 줘야하나요 ?
- 미해결Nuxt.js 시작하기
Nuxt의 target과 mode & router 에 대해서 질문드립니다.
안녕하세요 강사님. 항상 좋은 강의를 제공해 주셔서 너무 감사합니다. 수강을 하면서 궁금한 점이 있습니다!! 1. `target: static` 으로 적용 뒤 배포하게 되면 rendering mode는 default인 `universal / ssr:true`로 유지되는지 궁금합니다. 2. `target: static`으로 적용 뒤 `ssr: false(CSR)`로 적용하게 되면 `target`이 어떻게 적용되는지 궁금합니다. 3. 현재 this.$router.push('/cart')와 같이 페이지를 이동하게 되는데, vue와 같이 router name으로 페이지를 이동하기 위한 방법이 있는지 궁금합니다. 혼자 공부하다 보니 궁금한 점이 많아서 이렇게 질문드립니다!! 🙇♂️
- 미해결Nuxt.js 시작하기
기존 vue-CLI로 구축된 웹사이트에 메타태그를 다르게 붙여주는 방법이 있을까요?
안녕하세요. vue강의 해주신 수업 열심히 수강하여 vue라는 프레임워크로 웹사이트를 처음 구축해보았습니다. 정말 감사드립니다. 저는 사이트를 vue-cli로 구축을 하였는데요, 다름이 아니라 SEO 최적화를 위해 사이트별 메타태그 내용을 다르게 하고싶어서 vue-meta라는 플로그인을 사용하여 메타태그를 사이트별로 적용을 하였는데요, 막상 카카오톡이나 facebook으로 사이트 링크를 보내보면 처음 설정한 (public/index.html)의 메타태그 적용만 적용이 되어요. public/index.html안에 메타태그를 쓰지 않으면 아예 적용도 안되구요. 혹시 vue-cli로 구축된 사이트에서도 nuxt.js처럼 페이지별 메타태그 설정하는 방법이 있을까요?
- 해결됨Nuxt.js 시작하기
fetch 구분 관련해서 질문드립니다.
안녕하세요 강사님! 좋은 강의 제공해주셔서 감사합니다. fetch에서 url로 바로 접근하는 것과 특정 페이지에서 이동하는 것과 다른 것으로 인지했습니다. console로 this가 다르게 나오는 것까지요. 혹시 이 2개를 구분하는 방법이 있을까요? fetch() hook 안에서 url로 바로 접근했는지... 아니면 다른 페이지에서 타고 왔는지요...
- 해결됨Nuxt.js 시작하기
asyncData vs fetch 문의 드립니다.
asyncData 와 fetch 는 비슷한 기능 같아 보이는데, 왜 2개가 있는지 혼란 스럽습니다. 1) asyncData 가 pages 내의 컴포넌트만 가능한 이유가 무엇일까요 ? pages 컴포넌트는 특별한 무엇이 있는 듯 해서요. 2) 혹시 모든 걸 fetch 로만 가능한 건 아닐까요 ? asyncData 로만 가능한 기능이 어떤 걸까요 ? 본 강의에서 예시를 들어줄 수 있는지요 ? 3) 둘 중 어느 하나로만 안되고, 혼란스럽게 두 개로 분리한 중요한 촛점이 있을 듯 한데요. 그게 무엇일까요 ? 실제 직접 사용할려면, 많이 혼동할 거 같습니다...