728x90
๋ฐ˜์‘ํ˜•

2025/02/16 6

[WebDev][Babel] Babel ์†Œ๊ฐœ: ์ตœ์‹  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ชจ๋“  ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‹คํ–‰ํ•˜๊ธฐ

1. Babel์ด๋ž€?Babel์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ปดํŒŒ์ผ๋Ÿฌ(JavaScript Compiler) ๋กœ, ์ตœ์‹  ECMAScript(ES6+) ์ฝ”๋“œ๊ฐ€ ๊ตฌํ˜• ๋ธŒ๋ผ์šฐ์ €์—์„œ๋„ ์ •์ƒ์ ์œผ๋กœ ์‹คํ–‰๋˜๋„๋ก ๋ณ€ํ™˜ํ•ด์ฃผ๋Š” ๋„๊ตฌ๋‹ค.2. Babel์ด ํ•„์š”ํ•œ ์ด์œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๊พธ์ค€ํžˆ ๋ฐœ์ „ํ•˜๋ฉฐ ์ƒˆ๋กœ์šด ๋ฌธ๋ฒ•(์˜ˆ: let, const, async/await, ํ™”์‚ดํ‘œ ํ•จ์ˆ˜ ๋“ฑ)์ด ์ถ”๊ฐ€๋จ. ํ•˜์ง€๋งŒ ๊ตฌํ˜• ๋ธŒ๋ผ์šฐ์ €๋Š” ์ตœ์‹  ๋ฌธ๋ฒ•์„ ์ง€์›ํ•˜์ง€ ์•Š์Œ. ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด Babel์ด ํ•„์š”ํ•จ.Babel์˜ ์ฃผ์š” ์—ญํ• :โœ… ์ตœ์‹  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฌธ๋ฒ•์„ ๊ตฌํ˜• ๋ธŒ๋ผ์šฐ์ €์—์„œ๋„ ๋™์ž‘ ๊ฐ€๋Šฅํ•˜๋„๋ก ๋ณ€ํ™˜โœ… JSX(React์—์„œ ์‚ฌ์šฉ) ๋ฐ TypeScript ์ฝ”๋“œ๋„ ๋ณ€ํ™˜ ๊ฐ€๋Šฅโœ… ์ฝ”๋“œ ์ตœ์ ํ™” ๋ฐ ํ”Œ๋Ÿฌ๊ทธ์ธ ํ™•์žฅ์„ ํ†ตํ•œ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ๊ฐœ์„ 3. Babel์˜ ํ•ต์‹ฌ ๊ฐœ๋…(1) ํŠธ๋žœ์ŠคํŒŒ์ผ๋ง(T..

[WebDev][Webpack] Webpack ์†Œ๊ฐœ: ํ˜„๋Œ€์ ์ธ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฒˆ๋“ค๋Ÿฌ

1. Webpack์ด๋ž€?Webpack์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ๋ชจ๋“ˆ ๋ฒˆ๋“ค๋Ÿฌ(module bundler)๋‹ค. ์›น ๊ฐœ๋ฐœ์—์„œ ์—ฌ๋Ÿฌ ๊ฐœ์˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ, CSS, ์ด๋ฏธ์ง€ ๋“ฑ์„ ํ•˜๋‚˜์˜ ๋ฒˆ๋“ค ํŒŒ์ผ๋กœ ๋ฌถ์–ด์ฃผ๋Š” ์—ญํ• ์„ ํ•œ๋‹ค.2. Webpack์ด ํ•„์š”ํ•œ ์ด์œ ์›น ๊ฐœ๋ฐœ์ด ์ ์  ๋ณต์žกํ•ด์ง€๋ฉด์„œ ๋‹ค์–‘ํ•œ ํŒŒ์ผ๊ณผ ๋ชจ๋“ˆ์„ ํšจ์œจ์ ์œผ๋กœ ๊ด€๋ฆฌํ•ด์•ผ ํ•˜๋Š” ํ•„์š”์„ฑ์ด ์ƒ๊น€. Webpack์„ ์‚ฌ์šฉํ•˜๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์žฅ์ ์ด ์žˆ์Œ.๋ชจ๋“ˆํ™” ์ง€์›: ES6+ ๋ชจ๋“ˆ, CommonJS, AMD ๋“ฑ์˜ ๋‹ค์–‘ํ•œ ๋ชจ๋“ˆ ์‹œ์Šคํ…œ์„ ์ง€์›ํ•จํŒŒ์ผ ํฌ๊ธฐ ์ตœ์ ํ™”: ์ฝ”๋“œ ์••์ถ•, ํŠธ๋ฆฌ ์‰์ดํ‚น(Tree Shaking) ๋“ฑ์„ ํ†ตํ•ด ์ตœ์ ํ™” ๊ฐ€๋Šฅ๊ฐœ๋ฐœ ์ƒ์‚ฐ์„ฑ ํ–ฅ์ƒ: HMR(Hot Module Replacement) ๊ธฐ๋Šฅ์œผ๋กœ ์ฝ”๋“œ ๋ณ€๊ฒฝ ์‹œ ๋น ๋ฅด๊ฒŒ ๋ฐ˜์˜๋จ์ž์› ๊ด€๋ฆฌ: CSS, ์ด๋ฏธ์ง€, ํฐํŠธ ๋“ฑ๋„ ๋ชจ..

[Python][AI] AI ๋ชจ๋ธ ์„ฑ๋Šฅ ์ง€ํ‘œ(Metrics) ์ •๋ฆฌ

AI ๋ชจ๋ธ์˜ ์„ฑ๋Šฅ์„ ํ‰๊ฐ€ํ•˜๊ธฐ ์œ„ํ•ด ๋‹ค์–‘ํ•œ ์„ฑ๋Šฅ ์ง€ํ‘œ(metrics)๊ฐ€ ์‚ฌ์šฉ๋œ๋‹ค. ๋ชจ๋ธ์ด ์–ผ๋งˆ๋‚˜ ์ •ํ™•ํ•˜๊ฒŒ ์ž‘๋™ํ•˜๋Š”์ง€, ์˜ˆ์ธก์ด ์–ผ๋งˆ๋‚˜ ์‹ ๋ขฐํ•  ์ˆ˜ ์žˆ๋Š”์ง€๋ฅผ ํ‰๊ฐ€ํ•˜๋Š” ๋ฐ ์ค‘์š”ํ•œ ์—ญํ• ์„ ํ•˜๋‹ค. ์ด๋ฒˆ ๊ธ€์—์„œ ๋Œ€ํ‘œ์ ์ธ ์„ฑ๋Šฅ ์ง€ํ‘œ๋“ค์„ ์†Œ๊ฐœํ•˜๊ฒ ๋‹ค.1. ํšŒ๊ท€(Regression) ๋ชจ๋ธ ์„ฑ๋Šฅ ์ง€ํ‘œํšŒ๊ท€ ๋ชจ๋ธ์€ ์—ฐ์†์ ์ธ ์ˆซ์ž ๊ฐ’์„ ์˜ˆ์ธกํ•˜๋Š” ๋ชจ๋ธ์ด๋ฉฐ, ์ฃผ๋กœ ํ‰๊ท  ์ œ๊ณฑ ์˜ค์ฐจ(Mean Squared Error)๋‚˜ ํ‰๊ท  ์ ˆ๋Œ€ ์˜ค์ฐจ(Mean Absolute Error) ๋“ฑ์˜ ์ง€ํ‘œ๋ฅผ ์‚ฌ์šฉํ•จ.(1) MSE (Mean Squared Error, ํ‰๊ท  ์ œ๊ณฑ ์˜ค์ฐจ)MSE๋Š” ์‹ค์ œ ๊ฐ’๊ณผ ์˜ˆ์ธก ๊ฐ’์˜ ์ฐจ์ด๋ฅผ ์ œ๊ณฑํ•œ ํ›„ ํ‰๊ท ์„ ๊ตฌํ•œ ๊ฐ’์ž„. ๊ฐ’์ด ์ž‘์„์ˆ˜๋ก ๋ชจ๋ธ์˜ ์˜ˆ์ธก์ด ์‹ค์ œ ๊ฐ’๊ณผ ๊ฐ€๊นŒ์›€์„ ์˜๋ฏธํ•จ.์žฅ์ : ์˜ค์ฐจ๋ฅผ ์ œ๊ณฑํ•˜์—ฌ ํฐ ์˜ค์ฐจ๋ฅผ ๊ฐ•์กฐํ•จ๋‹จ์ : ์ œ๊ณฑ์ด ์ ์šฉ๋˜..

[Learn][English] "I'm feeling under the weather" โ€“ ๋ชธ์ด ์•ˆ ์ข‹์„ ๋•Œ ์“ฐ๋Š” ์˜์–ด ํ‘œํ˜„

์˜์–ด์—์„œ ๋ชธ์ด ์•„ํ”„๊ฑฐ๋‚˜ ์ปจ๋””์…˜์ด ์ข‹์ง€ ์•Š์„ ๋•Œ ์ž์ฃผ ์“ฐ์ด๋Š” ํ‘œํ˜„์ด ์žˆ๋‹ค. ๊ทธ์ค‘ ํ•˜๋‚˜๊ฐ€ ๋ฐ”๋กœ "I'm feeling under the weather."๋ผ๋Š” ํ‘œํ˜„์ด๋‹ค. ์ด ํ‘œํ˜„์€ ์ง์—ญํ•˜๋ฉด "๋‚ ์”จ ์•„๋ž˜์— ์žˆ๋‹ค"๋Š” ์˜๋ฏธ์ธ๋ฐ, ์‹ค์ œ๋กœ๋Š” "๋ชธ ์ƒํƒœ๊ฐ€ ์ข‹์ง€ ์•Š๋‹ค"๋ผ๋Š” ๋œป์œผ๋กœ ์‚ฌ์šฉ๋œ๋‹ค.1. "Under the weather"์˜ ์˜๋ฏธ"I'm feeling under the weather."๋Š” "๋ชธ์ด ์ข‹์ง€ ์•Š๋‹ค" ๋˜๋Š” "๋ชธ์‚ด ๊ธฐ์šด์ด ์žˆ๋‹ค"๋Š” ์˜๋ฏธ๋กœ ์“ฐ์ด๋Š” ์˜์–ด ๊ด€์šฉ ํ‘œํ˜„์ž„.๋Œ€๋ถ€๋ถ„ ๊ฐ๊ธฐ, ํ”ผ๋กœ, ์ˆ™์ทจ ๋“ฑ์œผ๋กœ ์ธํ•ด ๋ชธ์ด ๋ฌด๊ฑฐ์šธ ๋•Œ ์‚ฌ์šฉ๋จ.์˜ˆ๋ฅผ ๋“ค์–ด, ๊ฐ๊ธฐ์— ๊ฑธ๋ ค์„œ ๊ธฐ์šด์ด ์—†์„ ๋•Œ "I'm feeling under the weather."๋ผ๊ณ  ํ•˜๋ฉด, "๋‚˜ ๋ชธ์ด ์ข€ ์•ˆ ์ข‹์•„."๋ผ๋Š” ๋œป์ด ๋จ.2. ์˜ˆ๋ฌธ๊ณผ ํ•จ๊ป˜ ๋ฐฐ์šฐ๊ธฐ(1) ๊ธฐ๋ณธ์ ์ธ..

[Learn][Korean] Storing Luggage Before Check-in at a Hotel in Korea

When traveling in Korea, you may arrive at your hotel before the official check-in time. In this case, you might wonder: "Can I leave my luggage at the hotel and explore the city before check-in?"The answer is yes! Many hotels in Korea allow guests to store their luggage at the front desk before check-in. This is a convenient option if you arrive early and don't want to carry your bags while sig..

728x90
๋ฐ˜์‘ํ˜•