55,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Nuxt.js 시작하기
nuxt init 시 몇몇 폴더가 누락되어서 깔립니다
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 계속 다시깔아도 layout 등 몇몇 폴더가 보이지않는데 이유가 무엇인가요..?
- 미해결Nuxt.js 시작하기
Config Vars 설정 에러 질문있습니다
github 연동을 완료하고 Settings 의 config vars 설정에서 KEY : HOST VALUE : 0.0.0.0 을 입력했는데 다음처럼 추가가 되지 않습니다. 첨부해주신 Heroku 도 읽어봤는데 어떤 부분에서 문제가 생긴건지 잘 모르겠어서 질문드립니다..
- 미해결Nuxt.js 시작하기
axios 호출 질문이요!!
backend api 3000번 포트로 실행된걸 확인했는데, main 페이지에 접속해보니 오류메시지도 뜨지않고 axios 가 작동하지 않아서 product 목록을 못 받아오는 것 같네요ㅜ 혹시 버전문제일까요..?
- 미해결Nuxt.js 시작하기
자동완성 기능 질문 드립니다.
안녕하세요 강사님 질문 좀 드릴께요. 강의 섹션 4.검색 UI 컴포넌트화를 진행하고 있습니다. <Search 타이핑하면 자동완성 기능을 사용하고 계시는데, 저는 아래처럼 자동완성 기능이 나타나지 않습니다. 제가 앞에서 놓쳤던 부분이 있을까요? 감사합니다.
- 미해결Nuxt.js 시작하기
global css 설정이 제대로 작동하지 않습니다.
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 global css 설정이 제대로 작동하지 않습니다. 왜 이런 에러가 뜰까요...?운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 미해결Nuxt.js 시작하기
함수 자동 Import 질문
api에 정의했던 fetchProductsByKeyword를 index.vue에서 import 할때 바로 fetchProductsByKeyword 타이핑하면 자동완성되면서 import 구문도 자동으로 작성되는데 이게 어떤걸 설치해서 되는건가요?
- 미해결Nuxt.js 시작하기
하위 컴포넌트 호출 시 asyncData 사용 가능 여부 문의
캡틴판교님 안녕하세요. 강의 잘 들었습니다. 강의를 듣고 제 프로젝트에 적용 중인게 있는데요. 부모 컴포넌트에서 대시보드에 넣을 차트나 다른 하위 컴포넌트들을 생성 후 한번의 axios get api 호출을 통해 데이터를 각각 하위 컴포넌트의 props로 던졌는데요. 아래와 같은 방식으로 컴포넌트의 값을 입력하고 Props로 하위 컴포넌트에 값을 바인딩하니 await axios.get('/server/api').then((ret) => { let result = ret.data.data // 1번 하위 컴포넌트 값 반영 this.com1Data.product = result.product // 2번 차트 컴포넌트 값 반영 let arr=[] arr.push(result.status.count1) arr.push(result.status.count2) arr.push(result.status.count3) arr.push(result.status.count4) this.series = arr; // 3번 하위 컴포넌트 값 반영 this.com3Data = result.fault.data //4번 하위 컴포넌트 값 반영 ... }) 3개정도 컴포넌트 값 바인딩까지는 문제 없이 잘 뜨는데, 4개 이상 컴포넌트에 값 바인딩 추가 후 화면을 띄우니 값이 모두 바인딩 되지 않았습니다. 혹시 비동기문제인가 해서 promise로 묶어서 반영도 해봤는데 여전히 작동을 안해서 asyncData를 사용하여 먼저 api 호출을 한 후 데이터를 미리 불러왔더니 잘 뜹니다. 제 생각엔 아마도 생명주기에 따른 문제점이 아닌가 합니다. async asyncData() { const response = await axios.get('/server/api') const result = response.data.data const com1Data = {} let Series = [] const com3Data = {} // 컴포넌트1 상태 값 반영 com1Data.product = result.product // 컴포넌트2 상태 값 반영 Series = [] Series.push(result.status.count1) Series.push(result.status.count2) // 컴포넌트3 상태 값 반영 this.com3Data = result.fault.data return { result, com1Data, Series, com3Data } }, 하지만 이 방법이 맞는 방식인지 모르겠습니다. 이 방식이 맞는걸까요? 혹시 다른 좋은 방법이 있다면 코멘트 한번 부탁드립니다.
- 미해결Nuxt.js 시작하기
포트 변경시 접속이 안됩니다
콘솔창에 정상적으로 주소가 뜨고 그 주소를 클릭하거나 주소창에 입력하면 localhost에 대한 액세스가 거부됨 이 페이지를 볼 수 있는 권한이 없습니다. HTTP ERROR 403 이렇게 뜹니다
- 미해결Nuxt.js 시작하기
main.vue 파일 생성시 에러 발생
뷰에서 파일을 생성할때는 기존 html 태그와 구분을하기위해 두 단어의 조합을 권장한다고 배웠는데 이번강의에서는 main.vue와 같이 한단어로 파일을생성해서 1:1 error Component name "main" should always be multi-word vue/multi-word-component-names 위와 같은 에러가 발생하는거같습니다 .eslintrc.js 파일의 rules 부분에 아래 코드를 추가하니 에러는 사라졌습니다 'vue/multi-word-component-names': 0, 근데 강사님의 깃주소에서 완성된 소스를 다운받아서 .eslintrc.js 파일을 열어보니 위 코드가 없는데 에러없이 동작하는거 같습니다 혹시 따로 설정해야할게있는건가요?
- 미해결Nuxt.js 시작하기
server, client 에서 동일서버호출 api 사용방법 문의
server 에서 실행되는 asyncData 영역의 서버호출 api 와 client 에서 실행되는 mounted 또는 methods 영역의 서버호출 api 를 같이 사용하고 싶은데 어떤 방식으로 사용하면 좋을까요? 단순하게 $axios 를 사용하면 둘 다 사용가능하긴 하는데, 아래의 코드처럼 api 디렉토리에 업무별로 api 파일을 만들어 사용하고 싶습니다. https://github.com/joshua1988/learn-nuxt/blob/master/api/index.js
- 미해결Nuxt.js 시작하기
질문하나만 남깁니다!!
안녕하세요 nuxt로 개발하던중 해결되지않아서 질문하나 드려요. 간헐적으로 중간중간 개발도중 화면 리프레시를하면 로딩중만 계속돌기만하고 화면전환이안되고 렉걸린상태로 있습니다. 계속 렉이 걸린상태에서 콘솔로그를 보니 Uncaught (in promise) ChunkLoadError: Loading chunk pages/index failed. 이상태로 error나 있구여. 그래서 다시 npm run 으로 재기동을 시키니깐 정상적으로 되구요. 그리고 개발하다보면 리프레시하면 안되구요. 혹시 수정후 ssr이여서 무조 건 재기동을 시켜줘야하는건지 추측이되는데 아무리 구글링해도 해결이되지않아 혹시 강사님은 알고계시런지하고 여쭤봅니다.
- 미해결Nuxt.js 시작하기
카톡 OG캐시 초기화기능 말인데요
약간 강의 주제에 벗어나는 질문이라 죄송합니다만 자기 자신의 카카오 계정에 있는 채팅창에 공유된 url정보들만 캐쉬 초기화 시키는건가요? 다시 말씀드리자면, 카카오 계정별로 url정보를 따로따로 캐쉬하게 되 있어서, 내 계정하에 캐쉬된 url정보를 초기화시키는 기능일까요? 안그러면 불특정 아무 사이트나 url입력해서 카카오 서버 내에 캐쉬된 정보를 내가 원하는데로 무작위로 초기화시킬 수 있을것 같은데... 그냥 아무 url이것저것 입력해서 버튼 눌러보니 검색결과 나와서 초기화되는것도 있고 안나오는것도 있고 해서 긴가민가하네요 좋은강의 감사드립니다
- 해결됨Nuxt.js 시작하기
nuxt layout page component
nuxt의 layout, page, component 이해가 잘되게 설명해주셔서 감사합니다! layout은 화면의 공통적인 부분 및 error화면 page는 보여질 화면 component는 page에 들어갈 컴포넌트 이렇게 이해했습니다. 그런데 nuxt.js가 업데이트 되면서 layout이라는 폴더가 없어졌습니다.. 이러한 경우 layout은 아예 없어진 건지 어디로 흡수된건지 등 어떻게 사용할 수 있는 지 궁금합니다!
- 미해결Nuxt.js 시작하기
쉽게말해서
넉스트서버 이닛은 넉스트앱 자체의 크레이티드 라고 생각해도 되는건가요?
- 미해결Nuxt.js 시작하기
middleware에서 localStorage 토큰 체크
안녕하세요! 강의 너무 잘보고 있습니다. 강의에는 안나오지만 궁금한점이 있어서 질문 남깁니다. nuxt 미들웨어에서 로컬스토리지에 저장된 토큰을 체크하여 리다이렉트를 진행할려하는데 middleware에서는 아직 localStorage에 접근 할 수가 없더라고요. 혹시 nuxt 미들웨어에서 localStorage지에 접근할수있는 방법이 있을까요..?
- 미해결Nuxt.js 시작하기
404 error
vue.config.js 에 서버 포트 5000으로 했는데요. run dev 하고 localhost:5000 이동시 404 에러가 발생하는데요. 이유가 무엇일가요..? 혹시나해서 서버 포트를 지우고 랜덤하게 하면 localhost가 잘 열립니다. 그래서 뭔가 제가 놓치고 있는게 있을까 해서 문의 드립니다.
- 미해결Nuxt.js 시작하기
Eslint: Component name “index” should always be mutli-word
안녕하세요! 컴포넌트 만들면 Eslint: Componet name "index" should always be multi-word 라는 에러가 뜨고 있습니다. 현재 폴더 구조는 pages > products > index.vue 입니다. 혹시 이 에러를 방지 할 수 있는 eslint rule 이 있을까요? 강사님은 이런 에러 안 뜨시나요?? 감사합니다.
- 미해결Nuxt.js 시작하기
nuxt refresh 오류 문의
안녕하세요, 캡틴판교님의 vue와 nuxt강의를 잘 수강하고 있는 초급 개발자입니다. 먼저 관련 내용을 찾기가 힘들어 첫번째 강의에 글을 남깁니다. nuxt 프레임워크를 사용해 시스템을 개발중인데요. 로컬에서 시스템을 띄웠을때는 특정 화면에 대한 refresh(새로고침)을 했을때 다시 reload가 되는데, 서버에 배포를 한 후 특정 페이지를 Refresh하면 ERROR render function or template not defined in component: anonymous ERROR window is not defined 등등 라는 에러 로그와 함께 페이지가 로드되지 않습니다. 공통적으로는 vue-apex-charts 들어간 화면이 문제인듯하여 구글링을 통해 vue-apex-charts 태그를 감싸는 no-ssr, client-only 태그도 달아보았고, import를 동적으로 선언해보거나, nuxt.config.js에서 plugin을 ssr:false로도 줘봤으나 해결되지 않았습니다. 특정 컴포넌트에 대해서만 refresh오류가 납니다. (vueapexchart 사용 시 인듯합니다) 혹시 제가 미처 생각치 못한 내용이 있을까요? 시간 나실때 조언 주시면 감사하겠습니다.
- 미해결Nuxt.js 시작하기
params 값도 넘길 수 있나요?
vue에서 router.push로 params 값 넘기기가 가능했는데 nuxt도 가능한가요? 그렇다면 방법이 무엇이 있나요?
- 미해결Nuxt.js 시작하기
서버사이드 렌더링에서 서버란 무엇인가요?!
안녕하세요!! 강의 정말 유용하고 잘봤습니다! 근데 SSR과 CSR의 개념적인 부분에서 CSR은 쉽게 얘기해서 제가사이트를 들어갔을때 최초로 서버에서 빈 HTML과 모든 JS, CSS파일등을 받아서 제 브라우저(?)에서 페이지를 그리는걸 의미한다라고 이해했고 SSR같은 경우는 최초 사이트 진입시 해당 페이지의 완성된 페이지를 서버에서 받아오고 다른페이지 시동시마다도 완성된페이지를 서버에서 받아온다라고 이해했습니다 근데 궁금한점이 SSR에서 서버란게 어떤서버를 의미하는건지 잘모르겠습니다. 웹서버나 WAS같은 서버를 의미하는걸까요?