inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

2025년 기준 번들러 트렌드와 선택 기준이 궁금합니다 (Webpack, Vite, tsup 등)

미해결

프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)

요즘에는 Webpack 외에도 Rollup, Rolldown, tsup, tsdown, Vite, esbuild 등 다양한 번들러가 있는 것으로 알고 있습니다. 실무에서는 어떤 기준으로 각 번들러를 선택하게 되는지, 그리고 실제로 어떤 도구들이 많이 사용되는지 궁금합니다. 예를 들어, UI 컴포넌트 라이브러리를 만들 때는 어떤 번들러를 주로 사용하는지, Lodash 같은 유틸리티 라이브러리에서는 어떤 번들러가 효율적인지 이런 식의 상황별 선택 기준 이나 실무 사용 경향 을 알고 싶습니다. 제가 찾아보기로는 Vite 는 개발 서버에 강하고, Rollup 은 라이브러리 번들에, esbuild 나 tsup 은 속도에 특화되어 있다고 하더라고요. 실무에서는 이런 특성을 어떤 기준으로 판단해 선택하는지 조금 자세하게 알고싶습니다! 그리고 조금 시간이 지난 강의여도 정말 얻을게 많은 강좌라고 생각합니다. 오히려 제가 최신버전으로 고쳐보며 정말 많은 것을 배우고 있습니다. 질문 남기면서 좋은 강의 항상 만들어주셔서 감사하다는 말씀도 함께 전달드립니다! 강사님의 팁이 녹아져있는 실전 프로젝트 같은 것도 나중에 기회가 된다면 들어보고 싶습니다!

  • node.js
  • 웹팩
  • babel
  • eslint
  • tsup
  • tsdown
  • rollup
  • rolldown
김용민 댓글 1 좋아요 1 조회수 276

56강 4. 슬롯 포워딩이 Svelte 5 부터는 적용 불가

미해결

Svelte.js [Core API] 완벽 가이드

56강 4. 슬롯 포워딩이 Svelte 5 부터는 적용이 안되는 것 같아요~! 확인 부탁드립니다.

  • svelte
  • rollup
  • sortable
김광윤 댓글 1 좋아요 0 조회수 233

5 라이프사이클 모듈화 - 질문

미해결

Svelte.js [Core API] 완벽 가이드

크게 3가지 정도 동작이 이상해서 문의 드립니다. 1) 강의 따라 입력하고 실행하다 보면 내가 입력한 코드가 자동으로 없어 지네요. 에러 나서 살펴보면 그래요 주로 import 로 시작하는 문장이구요 다른것두 있는지는 ... 2) 저장 세이브 하면 코드 뒤에 자동으로 세미콜론이 붙네요. 삭제해도 또 붙구요, 안 붙는 방법이 없을까요 또한 import { aaa, bbb} 라면 지가 맘대로 { bbb, aaa } 순으로 순서가 바뀌구요 또한 세로로 정렬이 되네요. 3) App.svelte 파일에서 {#if done} 로 해야 동작하네요 강의내용대로 $done 하면 안되구요 Something.svelte 파일에서는 $ 붙여야 하구요 세팅이 깨졌나요, 아님 다른 이유가 있는지 모르겠네요. 또한 동작이 좀 틀립니다. Hello Lifecycle! 는 변하지 않고 계속 보이구요. 코드가 틀린지 몰라 몇번이나 봐도 그건 아닌거 같구요 4) 올리신 코드는 Trello 코드 같은데 별도로 각 강의마다 했던 짧은 코드지만 파일로 올려주셨으면 조겠네요. 강의 화면 찾아가면서 비교하기 너무 힘들고 시간이 많이 걸리네요.

  • svelte
  • rollup
  • sortable
cdway 댓글 1 좋아요 0 조회수 305

소스코드

미해결

Svelte.js [Core API] 완벽 가이드

라이프 사이클 모듈화 이 단원 코드는 어디서 받나요 똑같이 동작 안해서 확인 하려구요

  • svelte
  • rollup
  • sortable
cdway 댓글 1 좋아요 0 조회수 294

스벨트킷 강의는 안해주시나요?

미해결

Svelte.js [Core API] 완벽 가이드

선생님 안녕하세요. 강의 잘 보고 많은 도움 받고있습니다. 감사합니다. 혹시 스벨트킷 강의는 예정에 없나요!?

  • svelte
  • rollup
  • sortable
대문자A 댓글 1 좋아요 0 조회수 365

보간한다는 뜻을 무슨 의미로 이해해야 하나요?

미해결

Svelte.js [Core API] 완벽 가이드

강의 중에 보간한다. 보간법이라는 말이 나오는데 보간이라는게 값을 채워넣는다는 뜻인가요? 보간이라는 말이 생소한 말이라 그런지 강의를 들으면서도 어떤 의미인지 와닿지가 않네요.

  • Rollup
  • svelte
  • Sortable
SH C 댓글 2 좋아요 1 조회수 6278

Snowpack 에서 지원하는 Rollup 플러그인은 왜 쓸까요?

해결됨

Svelte.js [Core API] 완벽 가이드

안녕하세요 강사님! 새해 복 많이 받으세요^^ Snowpack 이관하다 SCSS 적용안되는것을 스노우팩 예제 깃헙 소스 참고해서 Sortable SCSS 적용안되던거 잘되게 만드느라 이것저것 플러그인 공부도 하게 되었는데요, 스노우팩 공식사이트에서 그랬는지 잘은 기억이 안나는데, Snowpack 만 있어도 충분히 생산성이 좋아지는데, Rollup 플러그인을 지원하는 공식홈에 적힌 설명이, Snowpack + Rollup 은 최상의 생산성을 제공합니다 대충 이런 것이었습니다. 그래서, 저는 이게 단순히 이전의 Rollup 프로젝트를 Snowpack 으로 점진적인 적용을 위한 플러그인 인줄로만 짐작했는데, `생산성`을 높여주다니요? 어떤식으로 생산성이 좋아진다는 것인지, 의문이 드는데요, 저는 막 이렇게 생각했거든요, `컴파일러가 2개에 번들링까지 한다는것 같은데 어느부분에서 생산성이 좋아지는걸까??????` 라구요 ㅎㅎ 이런 부분에 대해서 강사님의 견해가 궁금합니다. 읽어주셔서 감사합니다.

  • 스벨트
  • 스노우팩
  • svelte
  • 롤업
  • Sortable
  • snowpack
  • Rollup
  • rollup
Truestar 댓글 4 좋아요 2 조회수 344

인기 태그

인프런 TOP Writers

주간 인기글