๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90

์ „์ฒด ๋ณด๊ธฐ118

Figma: ํ˜‘์—…๊ณผ ๋””์ž์ธ์˜ ์ƒˆ๋กœ์šด ํŒจ๋Ÿฌ๋‹ค์ž„ Figma๋ž€? Figma๋Š” ํด๋ผ์šฐ๋“œ ๊ธฐ๋ฐ˜์˜ ํ˜‘์—… ๋””์ž์ธ ๋„๊ตฌ๋กœ, ๋‹ค์ˆ˜์˜ ์‚ฌ์šฉ์ž๊ฐ€ ์‹ค์‹œ๊ฐ„์œผ๋กœ ๋””์ž์ธ์„ ๊ณต์œ ํ•˜๊ณ  ํŽธ์ง‘ํ•  ์ˆ˜ ์žˆ๋Š” ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‹คํ–‰๋˜๋ฉฐ ํŠน๋ณ„ํ•œ ์„ค์น˜ ์—†์ด๋„ ์–ด๋””์„œ๋“  ์ ‘๊ทผ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. Figma์˜ ์—ญํ•  Figma๋Š” ์ฃผ๋กœ ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค: ๋””์ž์ธ ์ž‘์—…: UI/UX ๋””์ž์ธ, ์•„์ด์ฝ˜, ๊ทธ๋ž˜ํ”ฝ ๋“ฑ์„ ์ƒ์„ฑํ•˜๊ณ  ์ˆ˜์ •ํ•ฉ๋‹ˆ๋‹ค. ํ”„๋กœํ† ํƒ€์ดํ•‘: ๋น ๋ฅด๊ฒŒ ๋””์ž์ธ ์•„์ด๋””์–ด๋ฅผ ํ”„๋กœํ† ํƒ€์ž…์œผ๋กœ ๊ตฌํ˜„ํ•˜๊ณ  ํ…Œ์ŠคํŠธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ˜‘์—…: ์—ฌ๋Ÿฌ ์‚ฌ์šฉ์ž๊ฐ€ ๋™์‹œ์— ์ž‘์—…ํ•˜๊ณ  ํ”ผ๋“œ๋ฐฑ์„ ์ฃผ๊ณ ๋ฐ›์Šต๋‹ˆ๋‹ค. ๋ฒ„์ „ ๊ด€๋ฆฌ: ๋””์ž์ธ ํŒŒ์ผ์˜ ๋ณ€๊ฒฝ ์ด๋ ฅ์„ ๊ด€๋ฆฌํ•˜๊ณ , ์ด์ „ ๋ฒ„์ „์œผ๋กœ ๋กค๋ฐฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. Figma์˜ ์‚ฌ์šฉ ์‚ฌ๋ก€ UI/UX ๋””์ž์ธ: ๋ชจ๋ฐ”์ผ ์•ฑ, ์›น ์•ฑ, ์›น์‚ฌ์ดํŠธ ๋“ฑ์˜ UI/UX ๋””์ž์ธ์„ ์ž‘์„ฑํ•ฉ๋‹ˆ๋‹ค. ํ”„๋กœํ† ํƒ€์ดํ•‘.. 2024. 3. 25.
Load Balancer: ์—ญํ• , ์‚ฌ์šฉ ์‚ฌ๋ก€, ์žฅ๋‹จ์  ๋ฐ ์ฐจ์ด์  ๋กœ๋“œ ๋ฐธ๋Ÿฐ์„œ๋Š” ๋„คํŠธ์›Œํฌ ๋˜๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ํŠธ๋ž˜ํ”ฝ์„ ์—ฌ๋Ÿฌ ๋Œ€์ƒ ์„œ๋ฒ„๋กœ ๋ถ„์‚ฐํ•˜๋Š” ์žฅ์น˜๋‚˜ ์„œ๋น„์Šค๋ฅผ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ์„œ๋ฒ„ ๋ถ€ํ•˜๋ฅผ ๋ถ„์‚ฐํ•˜๊ณ  ๊ฐ€์šฉ์„ฑ๊ณผ ์„ฑ๋Šฅ์„ ํ–ฅ์ƒ์‹œํ‚ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๋ฌธ์„œ์—์„œ๋Š” ๋กœ๋“œ ๋ฐธ๋Ÿฐ์„œ์˜ ์—ญํ• , ์‚ฌ์šฉ ์‚ฌ๋ก€, ์žฅ๋‹จ์  ๋ฐ ์ฐจ์ด์ ์„ ์ž์„ธํžˆ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. Load Balancer๋ž€? ๋กœ๋“œ ๋ฐธ๋Ÿฐ์„œ๋Š” ๋„คํŠธ์›Œํฌ๋‚˜ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์„œ๋ฒ„์— ๋“ค์–ด์˜ค๋Š” ํŠธ๋ž˜ํ”ฝ์„ ์—ฌ๋Ÿฌ ๋Œ€์ƒ ์„œ๋ฒ„๋กœ ๋ถ„์‚ฐ์‹œ์ผœ ์„œ๋ฒ„์˜ ๋ถ€ํ•˜๋ฅผ ๋ถ„์‚ฐํ•˜๊ณ  ์„ฑ๋Šฅ์„ ํ–ฅ์ƒ์‹œํ‚ค๋Š” ์žฅ์น˜๋‚˜ ์„œ๋น„์Šค๋ฅผ ๋งํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” ๋Œ€๊ทœ๋ชจ ์›น ์‚ฌ์ดํŠธ๋‚˜ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ ๋งŽ์€ ์‚ฌ์šฉ์ž ์š”์ฒญ์„ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐ ์ค‘์š”ํ•œ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. Load Balancer์˜ ์—ญํ•  ๋กœ๋“œ ๋ฐธ๋Ÿฐ์„œ์˜ ์ฃผ์š” ์—ญํ• ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค: ๋ถ€ํ•˜ ๋ถ„์‚ฐ: ๋“ค์–ด์˜ค๋Š” ํŠธ๋ž˜ํ”ฝ์„ ์—ฌ๋Ÿฌ ๋Œ€์ƒ ์„œ๋ฒ„๋กœ ๋ถ„์‚ฐํ•˜์—ฌ ๊ฐ ์„œ๋ฒ„์˜ ๋ถ€ํ•˜๋ฅผ ๊ท ํ˜• ์žˆ๊ฒŒ.. 2024. 3. 22.
UTC(Universal Coordinated Time): ๊ฐœ๋…, ์—ญํ• , ์‚ฌ์šฉ ์‚ฌ๋ก€, ์žฅ๋‹จ์  ๋ฐ ์ฐจ์ด์  UTC(Universal Coordinated Time): ๊ฐœ๋…, ์—ญํ• , ์‚ฌ์šฉ ์‚ฌ๋ก€, ์žฅ๋‹จ์  ๋ฐ ์ฐจ์ด์  ๊ฐœ์š” UTC(Universal Coordinated Time)๋Š” ์„ธ๊ณ„ ํ‘œ์ค€ ์‹œ๊ฐ„์„ ๋‚˜ํƒ€๋‚ด๋Š” ์‹œ๊ฐ„ ํ‘œ์ค€์ž…๋‹ˆ๋‹ค. ์ „ ์„ธ๊ณ„์˜ ์‹œ๊ฐ„์„ ํ†ต์ผ๋œ ๊ธฐ์ค€์œผ๋กœ ํ‘œ์‹œํ•˜๊ธฐ ์œ„ํ•ด ๋„์ž…๋˜์—ˆ์œผ๋ฉฐ, ์›น ๊ฐœ๋ฐœ ๋ฐ ์„œ๋ฒ„ ๊ด€๋ฆฌ์—์„œ ์ค‘์š”ํ•œ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. ์ด ๋ฌธ์„œ์—์„œ๋Š” UTC์˜ ๊ฐœ๋…, ์—ญํ• , ์‚ฌ์šฉ ์‚ฌ๋ก€, ์žฅ๋‹จ์ , ๊ทธ๋ฆฌ๊ณ  ๊ธฐํƒ€ ๊ด€๋ จ ๋‚ด์šฉ์„ ์ƒ์„ธํžˆ ์„ค๋ช…ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. UTC๋ž€? UTC๋Š” ํ˜‘์ • ์„ธ๊ณ„์‹œ(Universal Coordinated Time)์˜ ์•ฝ์ž๋กœ, ๊ตญ์ œ ํ‘œ์ค€ ์‹œ๊ฐ„์„ ๋‚˜ํƒ€๋‚ด๋Š” ์‹œ๊ฐ„ ํ‘œ์ค€์ž…๋‹ˆ๋‹ค. UTC๋Š” ์ž์œ ๋กญ๊ฒŒ ์กฐ์ •๋˜์ง€ ์•Š๋Š” 24์‹œ๊ฐ„ ๊ธฐ์ค€์œผ๋กœ ์ „ ์„ธ๊ณ„์˜ ์‹œ๊ฐ„์„ ํ†ต์ผ๋œ ๊ธฐ์ค€์œผ๋กœ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค. UTC์˜ ์—ญํ•  UTC๋Š” ๋‹ค์–‘ํ•œ ๋ถ„์•ผ์—์„œ ์ค‘์š”ํ•œ.. 2024. 3. 21.
Canvas์™€ SVG: ์˜๋ฏธ, ์—ญํ• , ์‚ฌ์šฉ ์‚ฌ๋ก€, ์žฅ๋‹จ์  ๋ฐ ์ฐจ์ด์  Canvas์™€ SVG: ์˜๋ฏธ, ์—ญํ• , ์‚ฌ์šฉ ์‚ฌ๋ก€, ์žฅ๋‹จ์  ๋ฐ ์ฐจ์ด์  ๊ฐœ์š” Canvas์™€ SVG๋Š” ์›น ๊ฐœ๋ฐœ์—์„œ ๊ทธ๋ž˜ํ”ฝ์„ ์ƒ์„ฑํ•˜๊ณ  ์กฐ์ž‘ํ•˜๋Š” ๋‘ ๊ฐ€์ง€ ์ฃผ์š” ๊ธฐ์ˆ ์ž…๋‹ˆ๋‹ค. ์ด ๋ฌธ์„œ์—์„œ๋Š” Canvas์™€ SVG์˜ ๊ฐœ๋…, ์—ญํ• , ์‚ฌ์šฉ ์‚ฌ๋ก€, ์žฅ๋‹จ์ , ๊ทธ๋ฆฌ๊ณ  ์ฐจ์ด์ ์„ ์ž์„ธํžˆ ์„ค๋ช…ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. Canvas๋ž€? Canvas๋Š” HTML5์˜ ์š”์†Œ ์ค‘ ํ•˜๋‚˜๋กœ, JavaScript๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ทธ๋ž˜ํ”ฝ์„ ๊ทธ๋ฆฌ๋Š” ๊ธฐ์ˆ ์ž…๋‹ˆ๋‹ค. ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ ์œผ๋กœ ํ”ฝ์…€ ๋‹จ์œ„๋กœ ๊ทธ๋ฆผ์„ ๊ทธ๋ฆด ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์ด๋ฏธ์ง€, ์• ๋‹ˆ๋ฉ”์ด์…˜, ๊ทธ๋ฆฌ๊ณ  ๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™”๋ฅผ ์œ„ํ•ด ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. SVG๋ž€? SVG(Scalable Vector Graphics)๋Š” XML ๊ธฐ๋ฐ˜์˜ ๋ฒกํ„ฐ ์ด๋ฏธ์ง€ ํ‘œํ˜„ ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค. ํ…์ŠคํŠธ ๊ธฐ๋ฐ˜์œผ๋กœ ์ •์˜๋˜์–ด ์žˆ์–ด ํ™•์žฅ์„ฑ์ด ๋›ฐ์–ด๋‚˜๋ฉฐ, ์ด๋ฏธ์ง€๋ฅผ ํ™•๋Œ€ํ•˜๊ฑฐ๋‚˜ ์ถ•์†Œํ•ด๋„ ํ’ˆ์งˆ์ด ์œ ์ง€.. 2024. 3. 20.