inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Nuxt.js 시작하기

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

305

mandoo1027

작성한 질문수 3

1

다름이 아니라 nuxt 개발 환경에서 소스 수정을하면 그때그때 바로 컴파일이 됐으면 좋겠는데

시간이 꽤 오래(30초~1분) 정도 재 컴파일을 하는데

 

혹시 이 현상을 해소 할 수 있는 방법이 있을까요?

vue.js nuxt.js ssr

답변 2

0

캡틴판교

안녕하세요, 사용하시는 컴퓨터 스펙이나 로컬 환경에 따라 속도가 천차만별이라.. 요건 도움 드리기가 어려울 것 같아요. 수업에서 다루는 수준의 코드는 컴파일이 2초 미만으로 되는게 정상적인 속도입니다 :)

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴이에요.

nuxt 개발 환경에서 소스 수정 후 바로 컴파일이 이루어지지 않고 시간이 오래 걸리는 현상에 대해 질문하셨군요.

nuxt 개발 환경에서의 컴파일 시간은 여러 요소에 의해 영향을 받을 수 있습니다.

가장 일반적인 이유는 프로젝트 규모와 복잡성이 커질수록 컴파일 시간이 길어진다는 것입니다. 모듈의 종속성이 많고 파일의 크기가 큰 경우에 컴파일 시간이 더 오래 걸릴 수 있습니다.

이 문제를 해결하기 위해 몇 가지 방법을 시도할 수 있습니다.

  1. 컴파일 모드 변경: 개발 모드에서는 소스 수정 후 매번 전체 애플리케이션을 다시 빌드하므로 시간이 오래 걸립니다. 대신, hot reload 기능을 활용하여 코드 수정 시 바로 반영되도록 할 수 있습니다. nuxt.config.js 파일에서 build 옵션의 hotMiddleware를 활성화하면 됩니다.

  2. 로드밸런싱 설정: 개발 환경에서 소스 수정 시 이루어지는 컴파일 작업을 여러 개의 코어 또는 스레드에서 분산시키는 방법입니다. 이를 위해 thread-loaderhappypack과 같은 로더를 사용하여 작업을 병렬로 처리할 수 있습니다.

  3. 배포 환경 최적화: 개발 환경과 배포 환경은 다르게 설정될 수 있습니다. 배포 환경에서는 컴파일된 파일을 사용하므로 컴파일 시간이 큰 영향을 주지 않습니다. 따라서, 배포 환경에서는 컴파일 시간을 우선시하지 않고 최적화된 코드를 사용하는 것이 좋습니다.

위의 방법을 시도해보시고 여전히 컴파일 시간이 오래 걸린다면, 더 상세한 정보를 제공해주시면 더 도움을 드릴 수 있을 것 같아요. 좋은 개발 경험을 위해 노력해보세요. 수고하세요!

0

mandoo1027

hotMiddleware 정확하게 어떻게 설정하는지 스크립트로 보여제공해주실 수 있나요

판교님, 50% 학생 할인 쿠폰

0

132

2

캡틴님 커리어 질문 있습니다

0

76

1

nuxt 최신버전 설치 후 layouts 없어서 직접 폴더 생성 후 문제

1

347

1

vue나 nuxt 새로운 강의는 출시 예정이 없으실까요?

0

185

1

24년 강의를 들으면서 에러나는 부분 정리

2

337

2

공식홈페이지에 설치방법이 바뀐거같아요

1

401

3

layouts폴더와 default.vue에대해서 궁금한 점 있습니다!

1

383

2

자료가 없습니다.

1

285

2

에러 페이지 정의 방법 강의 문의

1

333

2

SSG -> SSR 배포 방식 전환

1

523

2

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

1

448

2

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

1

293

2

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

1

223

2

Vue2 EOL 관련해서..

1

463

2

env.baseUrl 문제

1

624

2

블로그 기능 질문입니다!

1

454

3

node 버전 문제 질문입니다.

1

223

1

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

1

457

1

npm run generate 배포

1

675

2

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

1

323

2

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

2

991

1

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

2

608

3

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

2

767

2

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

1

385

2