inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

갑자기 화면에 에러가 나오네요..

미해결

Nuxt.js 시작하기

안녕하세요 강사님? 제가 조회 기능 개발하다가 웹 화면을 npm run dev로 다시 실행했는데요 갑자기 화면과 같이 오류가 나오게 되었습니다 구글링을 해서 살려보려고 했는데 1시간째 계속 저 상태이네요 ㅠㅠ 혹시 도움을 주실 수 있을까요

  • vue.js
  • nuxt.js
  • ssr
lsb9938 댓글 2 좋아요 1 조회수 480

마지막 강의까지 작성된 코드

미해결

Nuxt.js 시작하기

안녕하세요. 강의 정말 잘 들었습니다. 혹시 마지막 강의까지 작성이 완료된 코드가 있는 브랜치가 따로 있을까요?

  • vue.js
  • nuxt.js
  • ssr
i_play_star 댓글 2 좋아요 1 조회수 325

페이지 컴포넌트 단일 루트 요소에 div 두개도 안되는건가요?

해결됨

[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터

안녕하세요. 라우팅 기본 : 파일 기반 라우팅 7:39분 쯤에 보니 단일 루트 요소에 div div 가 형제요소로 있는 경우도 안되는건가요? Vue3 부터는 바뀌어서 여러개 사용해도 되는걸로 알고있어서 문의드립니다!

  • vue.js
  • nuxt.js
  • pinia
  • vue-3
master 댓글 1 좋아요 1 조회수 378

JSON Server Operator 링크에 Operator 가 없습니다.

미해결

Nuxt.js 시작하기

안녕하세요. 서치 기능 구현 실습중입니다. nuxt3로 강의 실습 진행 중인데 Operator 가 없는데 어떻게 하면 좋을까요? 이미지 url 에 들어가는 사이트도 없어져서 picsum.photos 로 하는데 여긴 랜덤 이미지 경로가 없네요..ㅠㅠ

  • vue.js
  • nuxt.js
  • ssr
seon 댓글 2 좋아요 1 조회수 251

Vue2 EOL 관련해서..

미해결

Nuxt.js 시작하기

안녕하세요, 강의 수강 중 궁금한 점이 있어 여쭤보게 되었습니다. Vue2가 '23년 12월 31일 부로 EOL되었는데, Vue3를 이용한 강좌도 오픈할 예정인지 궁금합니다. 감사합니다.

  • vue.js
  • nuxt.js
  • ssr
서정현 댓글 2 좋아요 1 조회수 486

env.baseUrl 문제

미해결

Nuxt.js 시작하기

nuxt.config.js // env config env: { // baseUrl: process.env.NODE_ENV === 'production' ? null : 'http://localhost:3000' baseUrl: process.env.BASE_URL || 'http://localhost:3000' } } api/index.js const instance = axios.create({ baseURL: process.env.BASE_URL, }) 에러 nuxt 서버가 localhost:5000 입니다 백엔드 서버가 localhost :3000 입니다 인강처럼 해보고 안되서 이것 저것 해봐도 똑같은 에러가 뜹니다.. 하지만 api/index.js 에서 바로 baseURL : '경로' 적으면 에러가 나지 않습니다. 원인을 알려주세요

  • vue.js
  • nuxt.js
  • ssr
thdi4564 댓글 2 좋아요 1 조회수 662

블로그 기능 질문입니다!

미해결

Nuxt.js 시작하기

https://joshua1988.github.io/vue-camp/nuxt/data-fetching.html#asyncdata%E1%84%8B%E1%85%B4-%E1%84%91%E1%85%A1%E1%84%85%E1%85%A1%E1%84%86%E1%85%B5%E1%84%90%E1%85%A5 쌤이 주신 블로그 보고있다가 갑자기 오른쪽 밑부분이 경고창으로 무슨 내용이 추가되었다고 새로고침을 유도하는 기능이 있는데 좋은 기능인 것 같아 질문드립니다! 1. 관리자가 게시글 수정하면 그 사이트 사용자들 한테 메시지를 보내는 기능이 맞는 걸까요? 어떤 식으로 구현 되있는지 학습하실 때 예제 혹은 설명해주시면 감사하겠습니다!

  • vue.js
  • nuxt.js
  • ssr
thdi4564 댓글 3 좋아요 1 조회수 496

node 버전 문제 질문입니다.

미해결

Nuxt.js 시작하기

https://stackoverflow.com/questions/74726224/opensslerrorstack-error03000086digital-envelope-routinesinitialization-e 이런 이슈 때문에 처음에 빌드 시 에러가 나서 진행을 못하다가 버전을 20 -> 18 -> 16 하니까 이제되더라고요 혹시 어떤 문제인지 알수있을까 궁금합니다.

  • vue.js
  • nuxt.js
  • ssr
thdi4564 댓글 1 좋아요 1 조회수 252

폴더구조 다른것 안내 부탁드려요

미해결

Nuxt.js 시작하기

다른분이 문의하신것 처럼 파일 구조가 다르게 생성되어서 수업 중간부터 default.vue도 없고 앞으로 수업을 따라가기가 걱정되네요. 아무래도 초보인데 폴더구조부터 달라버리면 막히거든요….이런 혼동이 생기지 않도록 강의 초반에 안내를 해주셨으면 좋겠습니다. 그리고 추가 강의도 올려주신다고 댓글 달아주신거 같은데 어디서 확인할수있는지 안내 부탁드려요 ㅜㅜ

  • vue.js
  • nuxt.js
  • ssr
김혜린 댓글 1 좋아요 1 조회수 490

npm run generate 배포

미해결

Nuxt.js 시작하기

heroku 대신 npm run generate를 이용하여 gitgub 페이지에 배포하는 것 도 가능할까요?

  • vue.js
  • nuxt.js
  • ssr
예성준 댓글 2 좋아요 1 조회수 725

캡틴판교 선생님 너무 궁금해서 질문드립니다 ㅜ

미해결

Nuxt.js 시작하기

캡틴판교 선생님 너무 궁금해서 질문드립니다 ㅜ 흔히 CSR은 SEO 최적화가 어렵다고 하는데 최적화가 어렵지 기본적인 메인 홈페이지는 검색이 되는게 맞죠? 시작이되는 index.html의 소스의 <head></head> 태그안에 meta 태그 속성 중 네임과 컨텐트, 그리고 타이틀 태그로 인해서, 기본적인 메인 홈페이지는 검색이 되는것 맞나요?

  • vue.js
  • nuxt.js
  • ssr
Jsjsnnjssk 댓글 2 좋아요 1 조회수 357

nuxt.config.js 에서 baseurl 지정하는 방법

미해결

Nuxt.js 시작하기

1.nuxt.config.js 에서 baseurl 을 현재 window.location.origin 으로 설정할 수 있을까요..? 그리고 훅을 어떤 식으로 사용할 수 있는 건지 여쭤봅니다. 버전이 달라서 그런지 검색해서 나오는 값들을 그대로 적용하면 잘 안되네요.. 강의 소개만 듣고 중구난방 이상한 질문을 남깁니다.^^';; 2.그리고 nuxt.config.js에서 axio, ruoter 등이 실행은 되지만 빨간줄이 보이는 것도 문제가 된다고 하면 어떻게 대처해야할지도 질문드립니다. 감사합니다.

  • vue.js
  • nuxt.js
  • ssr
  • baseurl
봄날의차 댓글 1 좋아요 2 조회수 1017

db.json 안에 이미지 아래 본문 처럼 바꾸면 랜덤으로 나옵니다.

미해결

Nuxt.js 시작하기

{ "id": 0, "name": "Refined Fresh Chicken", "price": "209.00", "imageUrl": "https://picsum.photos/id/{id}/640/480" }, return { products: data.map(item => ({ ...item, imageUrl: item.imageUrl.replace('{id}', Math.floor(Math.random() * 30)) })) }

  • vue.js
  • nuxt.js
  • ssr
geuni 댓글 3 좋아요 2 조회수 636

axios 설치 후 새로고침 시 에러 발생할 때 해결 방법 입니다.

미해결

Nuxt.js 시작하기

// next.config.js build: { transpile: [({ isLegacy }) => isLegacy && 'axios'] }, git clone 받지 않고 하다 보니 계속 에러 발생해서 찾아보니 위처럼 코드 추가해 주면 에러 발생 안 합니다. 다만 axios외 다른 라이브러리에서 버전 관련 문제가 있을 수 있을 것 같긴 합니다. 사실 위처럼 안 하고 axios 버전을 낮춰서 설치 하시거나 clone 받아서 하시면 문제없을 것 같습니다. axios 버전 관련 링크

  • vue.js
  • nuxt.js
  • ssr
geuni 댓글 2 좋아요 2 조회수 813

SSG 배포가 현재 상품,장바구니에는 맞지 않는 배포방식인거죠?

미해결

Nuxt.js 시작하기

SSG 방식은 말그대로 데이터를 주고받지 않는 static한 사이트에 맞는거라 저희가 만든 사이트에는 안맞는 배포방식인거죠? 예시를 봐도 /404.html 같은데 쓰는거 같은데.. 맞게 이해한걸까요?

  • vue.js
  • nuxt.js
  • ssr
daj33 댓글 2 좋아요 1 조회수 424

db.json 에 제공되는 imgUrl 서비스가 종료된듯하네요

미해결

Nuxt.js 시작하기

img 가 안떠서 해당 url 검색해보니 placeIMG stopped serving i ages on June 30, 2023 이라고 합니다.. 비슷한 서비스로 url 수정해서 실습은 계속하긴하는데 git 소스코드 업데이트가 필요할것 같아서 말씀드려봅니다~

  • vue.js
  • nuxt.js
  • ssr
박지은 댓글 3 좋아요 1 조회수 600

SSR로 빌드 및 배포를 하려고하는데

미해결

Nuxt.js 시작하기

HTTPS를 적용하려고 하면 어떤식으로 진행해야하나요? 아파치 서버를 따로 구동하지않고 자체적인 노드 서버로 구동하는게 맞을까요? 만약 그렇다고하면 노드 서버로 구동이 되는건데 그때 ssl 적용은 어떻게 해야하는건지 궁금합니다

  • vue.js
  • nuxt.js
  • ssr
mandoo1027 댓글 2 좋아요 1 조회수 532

안녕하세요 강의 잘 보고 있습니다.

미해결

Nuxt.js 시작하기

다름이 아니라 nuxt 개발 환경에서 소스 수정을하면 그때그때 바로 컴파일이 됐으면 좋겠는데 시간이 꽤 오래(30초~1분) 정도 재 컴파일을 하는데 혹시 이 현상을 해소 할 수 있는 방법이 있을까요?

  • vue.js
  • nuxt.js
  • ssr
mandoo1027 댓글 2 좋아요 1 조회수 315

인기 태그

인프런 TOP Writers

주간 인기글