๐Ÿ›  ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜๋Š”๊ฐ€

Parcel ์€ ์• ์…‹ ํŠธ๋ฆฌ๋ฅผ ๋ฒˆ๋“ค ํŠธ๋ฆฌ๋กœ ๋ณ€ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ๋Œ€๋ถ€๋ถ„์˜ ๋ฒˆ๋“ค๋Ÿฌ๋Š” ๊ทผ๋ณธ์ ์œผ๋กœ JavaScript ์• ์…‹์— ๊ธฐ๋ฐ˜ํ•˜๊ณ  ๋‹ค๋ฅธ ํฌ๋งท๋“ค์ด ์—ฌ๊ธฐ์— ๋ถ™์–ด์„œ ๋ฌธ์ž์—ด๋กœ JS ํŒŒ์ผ์— ์ธ๋ผ์ธ ๋ฉ๋‹ˆ๋‹ค. Parcel ์€ ํŒŒ์ผํ˜•์— ๊ตฌ์†๋ ฅ์ด ์—†์–ด์„œ ์–ด๋–ค ์œ ํ˜•์˜ ์• ์…‹๋„ ์„ค์ •์—†์ด ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค. Parcel ๋ฒˆ๋“ค ๊ณผ์ •์—๋Š” ์„ธ ๋‹จ๊ณ„๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

1. ์• ์…‹ ํŠธ๋ฆฌ ๊ตฌ์„ฑ

Parcel ์€ ํ•˜๋‚˜์˜ ์ง„์ž… ์• ์…‹์„ ์ž…๋ ฅ์œผ๋กœ ๋ฐ›์Šต๋‹ˆ๋‹ค. ์ง„์ž… ์• ์…‹์€ ์–ด๋Š ์œ ํ˜•์ด๋ผ๋„ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค: JS ํŒŒ์ผ, HTML, CSS, ์ด๋ฏธ์ง€ ๋“ฑ. ๋‹ค์–‘ํ•œ ์• ์…‹ ์œ ํ˜•์ด Parcel ์— ์ •์˜๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. Parcel ์€ ๊ฐ ์œ ํ˜•์ด ์ •ํ™•ํžˆ ์–ด๋–ป๊ฒŒ ๋‹ค๋ค„์ ธ์•ผ ํ•˜๋Š”์ง€ ์•Œ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์• ์…‹์ด ๋ถ„์„(parse)๋˜๋ฉด, ์• ์…‹์˜ ์˜์กด ์š”์†Œ๊ฐ€ ์ถ”์ถœ๋˜๊ณ , ์ตœ์ข…์ ์ธ ์ปดํŒŒ์ผ ํ˜•ํƒœ๋กœ ๋ณ€ํ™˜๋ฉ๋‹ˆ๋‹ค. ์ด๊ฒƒ์ด ์• ์…‹ ํŠธ๋ฆฌ๋ฅผ ๋งŒ๋“ญ๋‹ˆ๋‹ค.

2. ๋ฒˆ๋“ค ํŠธ๋ฆฌ ๊ตฌ์„ฑ

์ผ๋‹จ ์• ์…‹ ํŠธ๋ฆฌ๊ฐ€ ๋งŒ๋“ค์–ด์ง€๋ฉด, ์• ์…‹์€ ๋ฒˆ๋“ค ํŠธ๋ฆฌ ์•ˆ์— ๋†“์ด๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ์ง„์ž… ์• ์…‹์„ ์œ„ํ•œ ๋ฒˆ๋“ค์ด ๋งŒ๋“ค์–ด์ง€๊ณ , ์ฝ”๋“œ ๋ถ„ํ• ์„ ๋ฐœ์ƒ์‹œํ‚ค๋Š” ๋‹ค์ด๋‚˜๋ฏน import()๋ฅผ ์œ„ํ•œ ํ•˜์œ„ ๋ฒˆ๋“ค์ด ๋งŒ๋“ค์–ด ์ง‘๋‹ˆ๋‹ค.

ํ˜•์ œ ๋ฒˆ๋“ค์€ ๋‹ค๋ฅธ ์œ ํ˜•์˜ ์• ์…‹์ด ์ž„ํฌํŠธ ๋  ๋•Œ ๋งŒ๋“ค์–ด ์ง‘๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์ž๋ฉด CSS ํŒŒ์ผ์„ JavaScript ์—์„œ ์ž„ํฌํŠธ ํ•˜๋Š” ๊ฒฝ์šฐ, ๋Œ€์‘ํ•˜๋Š” JavaScript ์— ๋Œ€ํ•œ ํ˜•์ œ ๋ฒˆ๋“ค ์•ˆ์— ์œ„์น˜ํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.

๋งŒ์•ฝ ํ•˜๋‚˜ ์ด์ƒ์˜ ๋ฒˆ๋“ค์—์„œ ์• ์…‹์ด ํ•„์š”ํ•˜๊ฒŒ ๋˜๋ฉด, ๋ฒˆ๋“ค ํŠธ๋ฆฌ ๋‚ด์˜ ๊ฐ€์žฅ ๊ฐ€๊นŒ์šด ๊ณตํ†ต ์กฐ์ƒ๋ฒˆ๋“ค๋กœ ๋Œ์–ด์˜ฌ๋ ค์ง‘๋‹ˆ๋‹ค. ์ด๋กœ์จ ์ค‘๋ณต ํฌํ•จ๋˜๋Š” ์ผ์ด ์—†์–ด์ง‘๋‹ˆ๋‹ค.

3. ํŒจํ‚ค์ง•

๋ฒˆ๋“ค ํŠธ๋ฆฌ๊ฐ€ ๋งŒ๋“ค์–ด์ง€๊ณ  ๋‚˜๋ฉด, ๊ฐ ๋ฒˆ๋“ค์€ ํŒจํ‚ค์ €(packager)์— ์˜ํ•ด ํŠน์ • ์œ ํ˜•์˜ ํŒŒ์ผ๋กœ ์ž‘์„ฑ๋ฉ๋‹ˆ๋‹ค. ๋ธŒ๋ผ์šฐ์ €๋กœ ๋กœ๋“œ๋˜๋Š” ์ตœ์ข… ํŒŒ์ผ ์•ˆ์—์„œ ๊ฐ ์• ์…‹์ด ์–ด๋–ป๊ฒŒ ํ•ฉ์ณ์ ธ์•ผ ํ•˜๋Š”์ง€ ํŒจํ‚ค์ €๋Š” ์•Œ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

Help us improve the docs

If something is missing or not entirely clear, please file an issue on the website repository or edit this page.