๐Web Bundles๋ฅผ ์ฌ์ฉํด๋ณด์ธ์๐ฆ
Web Bundles๋?
์์ฉ ํ๋ก๊ทธ๋จ (์น ์ฌ์ดํธ)์ ๋จ์ผ ํ์ผ๋ก ๋ฌถ์ ํ์ผ ํ์
.wbn
.wbn
ํ์์ ๋ฐ๋ผ Bluetooth ๋๋ Wi-Fi๋ก ๊ณต์ ํ ์ ์์ต๋๋ค.๋ฑ๋ฑ
htps : // ์ฐใ b. ์์ v
โปํ์ฌ๋ Google Chrome version 80 later or Google Chrome Canary์ ํ์ฅ ํ๋๊ทธ๋ฅผ ์จ์ผ๋ก ํ ์ํ์์๋ง ์ด๋ ๊ฐ๋ฅํ ๋ชจ์.
๋์ ํด ๋ณด์
์ต์ํ Node.js์ npm์์๋ ๋น๋ ๊ฐ๋ฅํฉ๋๋ค.
โปnpmํ์ ํ์์ ์์ origin-signe ๋น๋์ ๋์ํ๊ณ ์์ง ์์ ๋ชจ์
โโ dist
โโโ assets
โ โโโ css
โ โ โโโ style.css
โ โโโ images
โ โ โโโ foo.jpg
โ โโโ js
โ โโโ app.js
โโโ index.html
โโโ pages
โโโ ex01
โโโ index.html
Golang ๋ฒ์
๊ฐ ํจํค์ง ๊ด๋ฆฌ์์ ํจ๊ป ์ค์นํ์ง ์๊ณ ์ค์น
go bundle
๋ ํ์ํ๋ฏ๋ก ๋ฃ๋๋ค$ go get -u github.com/WICG/webpackage/go/bundle/cmd/...
$ echo 'export GOPATH="$HOME/.go"' >> ~/.bash_profile
$ echo 'export GOPATH="$GOPATH/bin:$PATH"' >> ~/.bash_profile
$ gen-bundle -dir dist -baseURL https://example.org/ -primaryURL https://example.org/ -o app.wbn
๋ฒ๋ค ํ์์๋ ์ฌ๋ฌ ์ข ๋ฅ ์ต์ ์ด ์๋ ๋ชจ์
htps : // ๊ธฐ์ฃผ b. ์ฝ m / ใ CG / ใ b ใ ใด
npm ๋ฒ์
$ npm i -D wbn
npx wbn --dir dist --baseURL https://example.org/ --output out.wbn
์์ฑ ๋ .wbn ํ์ผ์ Google Chrome Canary์์ ์ฝ๋ ๋ค.
chrome://flags/#web-bundles
URL ๋ฐ์ ์ ๋ ฅ ํ,
Web Bundles
๋ฅผ Enabled
๋ก ํ๊ณ , ์๊ธด .wbn
. .CSS, JavaScript ๋ฐ ์ด๋ฏธ์ง๋ ๋ง ๊ทธ๋๋ก 1๊ฐ์ ํ์ผ์ Bundle ๋์ด ์๋ ๊ฒ ๊ฐ์ต๋๋ค. ๐ฆ
ํ์ผ ํฌ๊ธฐ๋ ...
dist
๋๋ ํ ๋ฆฌย 312 KBapp.wbn
296 KB(Go)out.wbn
282 KB (npm)๋ผ๋ ๋๋์ด์์ต๋๋ค.
๋์งํธ ์๋ช ์ ๋ถ์ฌํ Bundle๋ฑ๋ ํ ์ ์๋ ๊ฒ ๊ฐ์ต๋๋ค.
.wbn ๋ด์ฉ์ CBOR ํ์ผ์ ๋๋ค.
htps : // c๋ณด r. ์ด์ค/
[CWT ์ ๋ฌธ ๊ทธ 1] CBOR์ ์ํ ์ค๋ธ์ ํธ์ ๋ฐ์ด๋๋ฆฌ ํํ
๋ฐฐ๋๋ฆฌ
๋ฌธํ
Get started with Web Bundles
htps : // ๊ธฐ์ฃผ b. ์ฝ m / ใ CG / ใ b ใ ใด
htps //w w. ์ pmjs. ์ฝ m / Pac ์นด๊ฒ / wb
Google, Chrome ์น ์ฑ์ ๋ค์ดํฐ๋ธ ์์ค์ผ๋ก ๊ฐ์ํ 'Web Bundles' ๊ณต๊ฐ
WebBundle์ ํตํ ์ฝํ ์ธ ๋ณํฉ ๋ฐ WebPackaging
2020๋ ์น ํ์ค
์ํ
Reference
์ด ๋ฌธ์ ์ ๊ดํ์ฌ(๐Web Bundles๋ฅผ ์ฌ์ฉํด๋ณด์ธ์๐ฆ), ์ฐ๋ฆฌ๋ ์ด๊ณณ์์ ๋ ๋ง์ ์๋ฃ๋ฅผ ๋ฐ๊ฒฌํ๊ณ ๋งํฌ๋ฅผ ํด๋ฆญํ์ฌ ๋ณด์๋ค https://qiita.com/poseyandbum/items/64374a3fd07f2638ebb7ํ ์คํธ๋ฅผ ์์ ๋กญ๊ฒ ๊ณต์ ํ๊ฑฐ๋ ๋ณต์ฌํ ์ ์์ต๋๋ค.ํ์ง๋ง ์ด ๋ฌธ์์ URL์ ์ฐธ์กฐ URL๋ก ๋จ๊ฒจ ๋์ญ์์ค.
์ฐ์ํ ๊ฐ๋ฐ์ ์ฝํ ์ธ ๋ฐ๊ฒฌ์ ์ ๋ (Collection and Share based on the CC Protocol.)
์ข์ ์นํ์ด์ง ์ฆ๊ฒจ์ฐพ๊ธฐ
๊ฐ๋ฐ์ ์ฐ์ ์ฌ์ดํธ ์์ง
๊ฐ๋ฐ์๊ฐ ์์์ผ ํ ํ์ ์ฌ์ดํธ 100์ ์ถ์ฒ ์ฐ๋ฆฌ๋ ๋น์ ์ ์ํด 100๊ฐ์ ์์ฃผ ์ฌ์ฉํ๋ ๊ฐ๋ฐ์ ํ์ต ์ฌ์ดํธ๋ฅผ ์ ๋ฆฌํ์ต๋๋ค