# bundle
Activity, Fragment 간 데이터 전달
Activity Activity 데이터 보내기 데이터 받기 Activity -> Fragment 데이터 보내기 데이터 받기 Fragment -> Activity 데이터 보내기 데이터 받기 Activity 종료 시 result 전달 Activity 호출 r

Intent & Bundle
Android 애플리케이션에서 Activity, Service, Broadcast Receiver, Content Provider 등 컴포넌트 간에 통신을 하려면 Intent를 사용해야 한다. Intent 객체는 컴포넌트 간에 통신을 위한 메시지를 전달하는 역할을 하고

본격적으로 Webpack Optimize 하기 (Bundle Analyzer, Chunk, Minimize, Uglify)
이제 Webpack을 통하여 본격적인 Optimize를 진행해보려고 한다! 사실 Webpack5가 도입이 되면서 아주 기본적인 최적화를 default로 진행을 해준다고 한다. 하지만, 이외의 Plugin과 Optimaization 옵션을 적절하게 사용하면 번들크기를

Webpack 만으로는 code splitting이 안된다. (React Lazy, Suspense)
React Lazy는 React 16버전부터 지원하게 된 API로 구성 요소의 코드 로드를 해당 컴포넌트가 처음 렌더링될 때까지 연기할 수 있는 기능을 가지고 있다. 다시 말해 **Lazy Loading**이다. 또한 Javascript Chunk file로 분리해주

생각보다 어려운 Webpack 번들링 (loader 관련 에러)
이전 글의 연장선이다.이전 글이 Webpack 도입에 관하였던 내용이었다면, 이번 글은 기존에 있던 라이브러리 들과의 충돌을 해결하는 내용을 담았다.기본적으로 webpack에서 해야될 세팅을 다 끝냈다고 생각했다. 왜냐면 공식문서가 하라는 기본대로 다 했기에 말이다.

Webpack bundle 사이즈 최적화
요즘은 회사에서 캘린더를 담당하고 있다. 캘린더 모듈을 슈퍼앱 환경 앱스토어에 등록하고, 여러 유저가 사용할 수 있도록 하는 과정을 진행하였다.웹팩 최적화나 lighthouse 같이 이론상으로만 알고는 있었지만 적용해보지 못한 것을 해보았던 경험을 적어 본다.그간 개발

웹팩 이용해 빌드하기 1 - Entry, Output, Bundle
딱 한 번만 Lorem ipsum을 출력하는 애플리케이션을 만들어보자!package.json 기본값으로 바로 생성loadish 라이브러리의 once 메소드를 직접 구현한 것\-는 함수(func)를 인자로 받아 익명함수를 리턴하는 함수(once)가 들어있는 객체under

CommonJS 와 ES Modules 의 번들 크기 비교
https://web.dev/commonjs-larger-bundles/ 의 예시 코드를 직접 돌려본 결과 입니다.https://github.com/youngkiu/cjs-vs-esm-size

[Android/Error] Android App Bundle이 서명되지 않았습니다
Android/Error Android App Bundle이 서명되지 않았습니다
Bundle vs Module
직역하면 묶음이라는 뜻이며 보통 상품을 구매했을 때 끼워주는 것을 말한다.스마트폰을 구입했을 때 나누어주는 이어폰이나PC를 구입할 때 끼워주는 소프트웨어 등이다.모듈이란 프로그램을 구성하는 시스템을 기능 단위로 독립적인 부분으로 분리한 것이다.단순히 규모가 큰 것을 작

webpack을 대체할 번들링 도구 Vite
댓츠노노~!여기 너무 빠르고 가벼운 vite 가 있습니다.이렇게 간단하게 먼저 vite 설치 합니돠~그럼 이렇게 프로젝트명 쳐주고 어떤 프레임웤 사용할지 물어보쥬?선택만 해주면 댓츠잇!스벨트도 있는게 인상적이네요.자 그럼 다음 안내와 같이이제 웹팩하곤 다를바 없는데 실

Android Bundle
Bundle은 여러가지 타입의 값을 저장하는 Map클래스입니다. 예를 들면 String 값을 Bundle 클래스에 Mapping하는 것입니다. 기본타입인 int,double,long,String 부터 FloatArray,StringArrayList,Serializabl

Webpack 사용 방법 - Webpack 사용해서 Three.js boilerplate 만들기 03
대략 필요한것들 설치하고 config파일 작성해주었으니 Three.js 용 boilerplate으로 쓸 수 있게 몇가지 설정을 더 해주고 gitgub에 배포해보겠습니다. Dev-server 이용 Dev server 이용해서 개발용 빌드 빠르게 할 수 있도록 설정을 바