# bundle
Webpack 사용 방법 - Webpack 사용해서 Three.js boilerplate 만들기 03
대략 필요한것들 설치하고 config파일 작성해주었으니 Three.js 용 boilerplate으로 쓸 수 있게 몇가지 설정을 더 해주고 gitgub에 배포해보겠습니다. Dev-server 이용 Dev server 이용해서 개발용 빌드 빠르게 할 수 있도록 설정을 바
Bundle diet
본 포스팅은 토스 개발자 컨퍼런스 SLASH 21 중 이한님의 bundle diet를 요약했습니다npx nuxt build —analyze라이브러리 중복 줄이기npm은 sember를 지킨다고 가정 (항상 잘 동작하는 것은 아님)npm dedupe (설치과정에서 중복된
[TS][Webpack] 웹팩으로 번들링하기
tsconfig 설정을 고쳐 에러를 해결했더니,또 다른 오류를 만났다.tsconfig.json 설정상의 문제인 것 같아서 계속해서 살펴봤었는데, 여러 스택오버플로우의 문의글 중 하나가 눈에 들어왔다.웹팩에 대해 간단히 알아보긴 했지만, 그래서 정작 어떻게 사용하는지는
INSTALL_PARSE_FAILED_MANIFEST_MALFORMED / 인텐트 필터 / android:exported
안드로이드 12 이상을 타겟팅하는 경우, android:export 설정을 꼭 해줘야 설치가 가능하다.INSTALL_PARSE_FAILED_MANIFEST_MALFORMEDexported 설정을 해주지 않아 생기는 오류이다. 하지만 activity마다 android:e
Code-Splitting
Bundling 대부분의 리액트 어플리케이션은 webpack등의 도구를 이용해 번들링을 진행합니다. 번들링이란 어플리케이션 파일 사이의 의존성을 추적하고 합치며 하나의 "번들"이라고 불리는 파일로 만드는 과정을 말합니다. 번들은 웹페이지에 포함되어 전체 어플리케이션을
Webpack | Bundle 사이즈 줄이는 lodash import 방법
개발 끝내고 배포 시, bundle 사이즈는 항상 신경을 써야 됨. lodash를 import 하는 방식에 따라서 최종 bundle js의 사이즈가 달라짐. 실행 사항 Webpack | 개념 / 필수 개발 환경 세팅 1(https://velog.io/@k
Webpack 사용 시 주의사항!
webpack 5로 오면서 uglifyJs 대신 terser-webpack-plugin가 사용됨 uglify-js가 es6+이후로 지원하지 않는다는 점 관련 링크 최소화하기 위해 내부적으로 terser를 이용한다 terser-webpack-plugin 일단 b
Android Intent에서 Bundle을 왜씀?
Android 에서 intent 는 메시싱 객체로 다른 요소로부터 작업을 요청하는데 사용할 수 있다. 대표적으로 사용하는 방법이 역시 액티비티를 호출하는 것이다.intent에서 데이터를 전달하는 방법으로 인텐트 내부에 구현되어 있는 putExtra() 메서드를 활용하는
[Front] 웹 성능 개선하기
웹 페이지의 속도는 사용자에게 매우 중요한 부분이라고 할 수 있습니다.Akamai의 2017보고서를 살펴보면 다음과 같이 나와있습니다.사이트 로딩 속도가 0.1초 지연되면 매출이 7% 감소할 수 있습니다하루에 100만원을 번다고 했을때, 웹 성능 저하가 있을시 7만원을
컴파일?번들링?(Webpack, Babel, Gulp)
우리는 프로그램을 개발할 때 일일히 CPU 명령어를 입력하지는 않는다. 작성하기 편리하고 이해하기 쉬운 프로그래밍 언어를 사용해 프로그래밍하고, 그 후에 컴파일러라는 프로그램을 이용해 작성한 코드를 CPU가 실행할 수 있는 기계어 명령어로 번역한다.컴파일러는 복잡하고
[백엔드] binding / bundle 개념
객체와 묶는 과정말 그대로 묶는 과정을 말한다.보통 class나 객체 내부에서 this를 통해 인스턴스를 묶는 과정을 말하고, binding된 this(프론트엔드에서는 props가 될 것)를 통해 해당 객체로 접근할 수 있다.여러 모듈이나 파일을 하나로 묶는 과정bun
[Kotlin_Android] Activity에서 Fragment로 유저정보 전달
이전 글에서 SharedPreferences로 로그인 정보를 저장하는 것을 해보았는데 로그인 후에 메인페이지에서 마이페이지로 fragment로 전환할때 Activity 에서 얻은 정보를 fragment로 전달하는 방법을 알아보았다.
[JavaScript] Webpack - Bundle
Webpack Bundle JS, CSS, JPG, PNG 등 여러개의 파일들을 모듈로 다룰 수 있는데 웹팩을 사용하면 웹에 사용되는 다양한 파일을 모두 모듈로 다룰 수 있습니다. 서로 참조하는 파일들을 모아서 하나의 파일로 묶는 것을 Bundle이라고 합니다.
