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

๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ257

centos 7, ์šฐ๋ถ„ํˆฌ, ๋ฆฌ๋ˆ…์Šค root ๋น„๋ฐ€๋ฒˆํ˜ธ ์ดˆ๊ธฐํ™”, ๋ณ€๊ฒฝ centos 7, ์šฐ๋ถ„ํˆฌ, ๋ฆฌ๋ˆ…์Šค root ๋น„๋ฐ€๋ฒˆํ˜ธ ์ดˆ๊ธฐํ™”, ๋ณ€๊ฒฝ๋ฆฌ๋ˆ…์Šค ์„œ๋ฒ„๋ฅผ ์šด์šฉํ•˜๋‹ค ๋ณด๋ฉด root ๊ณ„์ • ๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ ๋ถ„์‹คํ•˜๊ฑฐ๋‚˜ ๊ต์ฒดํ•ด์•ผ ํ•˜๋Š” ์ƒํ™ฉ์ด ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ํŠนํžˆ CentOS 7๊ณผ Ubuntu๋Š” ๋ถ€ํŒ… ๋กœ๋”์™€ ์ดˆ๊ธฐํ™” ์ ˆ์ฐจ๊ฐ€ ์ƒ์ดํ•˜๋ฏ€๋กœ ๊ฐ ๋ฐฐํฌํŒ์— ๋งž๋Š” ์ ˆ์ฐจ๋ฅผ ์ˆ™์ง€ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.์ด ๊ธ€์—์„œ๋Š” CentOS 7, Ubuntu, ๊ทธ๋ฆฌ๊ณ  ๊ธฐํƒ€ ๋ฆฌ๋ˆ…์Šค ๋ฐฐํฌํŒ์—์„œ root ๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ ์ดˆ๊ธฐํ™”ํ•˜๊ฑฐ๋‚˜ ๋ณ€๊ฒฝํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋‹จ๊ณ„๋ณ„๋กœ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค. ๋ณด์•ˆ ๊ด€์ ์—์„œ ๋น„๋ฐ€๋ฒˆํ˜ธ ์ •์ฑ…, SELinux ๊ณ ๋ ค ์‚ฌํ•ญ, UEFI/Legacy ๋ชจ๋“œ ์ฐจ์ด๋ฅผ ๋‹ค๋ฃจ์–ด ์•ˆ์ •์ ์ธ ์‹œ์Šคํ…œ ๊ด€๋ฆฌ๋ฅผ ๋•์Šต๋‹ˆ๋‹ค.์™œ root ๋น„๋ฐ€๋ฒˆํ˜ธ ์ดˆ๊ธฐํ™”๊ฐ€ ํ•„์š”ํ•œ๊ฐ€?๋น„๋ฐ€๋ฒˆํ˜ธ ๋ถ„์‹ค ์‹œ ์›๊ฒฉ ์ ‘์† ๋ถˆ๊ฐ€๋กœ ๊ธด๊ธ‰ ๋ณต๊ตฌ ํ•„์š”๊ด€๋ฆฌ์ž ๊ต์ฒด ๋˜๋Š” ํ‡ด์‚ฌ์— ๋”ฐ๋ฅธ ๋ณด์•ˆ ์ •์ฑ… ๊ฐ•ํ™”์ž๋™ํ™” ์Šคํฌ๋ฆฝํŠธ ์˜ค๋ฅ˜๋กœ .. 2025. 6. 29.
๋ชจ๋“ˆ์‹ CSS์™€ ๋ฆฌ์•กํŠธ ์ปดํฌ๋„ŒํŠธ ์Šคํƒ€์ผ๋ง ์ „๋žต ๋ชจ๋“ˆ์‹ CSS์™€ ๋ฆฌ์•กํŠธ ์ปดํฌ๋„ŒํŠธ ์Šคํƒ€์ผ๋ง ์ „๋žตํ˜„๋Œ€ ์›น ๊ฐœ๋ฐœ์—์„œ๋Š” ์ปดํฌ๋„ŒํŠธ ๋‹จ์œ„๋กœ UI๋ฅผ ๊ตฌ์„ฑํ•˜๊ณ , ๊ฐ๊ฐ์˜ ์ปดํฌ๋„ŒํŠธ์— ๋…๋ฆฝ์ ์ธ ์Šคํƒ€์ผ์„ ์ ์šฉํ•˜๋Š” ๊ฒƒ์ด ์œ ์ง€๋ณด์ˆ˜์„ฑ๊ณผ ์žฌ์‚ฌ์šฉ์„ฑ์„ ๋†’์ด๋Š” ํ•ต์‹ฌ ์š”์†Œ์ž…๋‹ˆ๋‹ค. ๋ฆฌ์•กํŠธ(React) ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜์˜ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์—์„œ๋Š” CSS ํŒŒ์ผ์ด ์ „์—ญ์ ์œผ๋กœ ์ ์šฉ๋˜๊ฑฐ๋‚˜, ์Šคํƒ€์ผ์ด ์ค‘๋ณต๋˜๋Š” ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ๋ชจ๋“ˆ์‹ CSS ์ ‘๊ทผ๋ฒ•์ด ๋งค์šฐ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค.์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” CSS Modules, SASS, LESS ๋“ฑ ๋‹ค์–‘ํ•œ ์Šคํƒ€์ผ๋ง ๊ธฐ๋ฒ•์„ ํ™œ์šฉํ•˜์—ฌ ๋ฆฌ์•กํŠธ ์ปดํฌ๋„ŒํŠธ์˜ ์Šคํƒ€์ผ์„ ๋ชจ๋“ˆํ™”ํ•˜๊ณ  ๊ด€๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ๊ตฌ์ฒด์ ์œผ๋กœ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.๋ชจ๋“ˆ์‹ CSS์˜ ํ•„์š”์„ฑ๊ณผ ๊ฐœ๋…์ „ํ†ต์ ์ธ CSS ๋ฐฉ์‹์€ ์ „์—ญ ๋„ค์ž„์ŠคํŽ˜์ด์Šค ๋ฌธ์ œ๋กœ ์ธํ•ด ์Šคํƒ€์ผ ์ถฉ๋Œ, ์ค‘๋ณต ์ฝ”๋“œ ๋“ฑ์˜ ๋ฌธ์ œ๋ฅผ ๋ฐœ์ƒ์‹œํ‚ต๋‹ˆ๋‹ค. ํŠนํžˆ ๋Œ€๊ทœ๋ชจ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ๋Š” ์ˆ˜.. 2025. 6. 23.
์‚ฌ์šฉ์ž ํ–‰๋™ ๋ถ„์„์„ ํ†ตํ•œ ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ์ปดํฌ๋„ŒํŠธ ๊ฐœ์„  ์‚ฌ์šฉ์ž ํ–‰๋™ ๋ถ„์„์„ ํ†ตํ•œ ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ์ปดํฌ๋„ŒํŠธ ๊ฐœ์„ ํ˜„๋Œ€ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ๋Š” ๋‹จ์ˆœํ•œ ๋””์ž์ธ์ด๋‚˜ ๊ธฐ๋Šฅ ๊ตฌํ˜„๋งŒ์œผ๋กœ๋Š” ์ถฉ๋ถ„ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž ๊ฒฝํ—˜(UX)์„ ๊ทน๋Œ€ํ™”ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์‹ค์ œ ์‚ฌ์šฉ์ž์˜ ํ–‰๋™ ๋ฐ์ดํ„ฐ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ์ปดํฌ๋„ŒํŠธ๋ฅผ ์ง€์†์ ์œผ๋กœ ๊ฐœ์„ ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” ์‚ฌ์šฉ์ž ํ–‰๋™ ๋ถ„์„ ํˆด๊ณผ ์ด๋ฒคํŠธ ํŠธ๋ž˜ํ‚น์„ ํ™œ์šฉํ•˜์—ฌ ์‹ค์ œ ์‚ฌ์šฉ์ž ๋ฐ์ดํ„ฐ๋ฅผ ์ˆ˜์ง‘ํ•˜๊ณ , ์ด๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ์ปดํฌ๋„ŒํŠธ ์ธํ„ฐ๋ž™์…˜์„ ๊ฐœ์„ ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ๊ตฌ์ฒด์ ์œผ๋กœ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.์‚ฌ์šฉ์ž ํ–‰๋™ ๋ถ„์„์˜ ์ค‘์š”์„ฑ์‚ฌ์šฉ์ž ํ–‰๋™ ๋ถ„์„์€ ์‚ฌ์šฉ์ž๊ฐ€ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋‚ด์—์„œ ์–ด๋–ป๊ฒŒ ์ƒํ˜ธ์ž‘์šฉํ•˜๋Š”์ง€ ํŒŒ์•…ํ•˜๋Š” ํ•ต์‹ฌ ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๊ฐ€ ์–ด๋А ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜๋Š”์ง€, ์Šคํฌ๋กค ํŒจํ„ด์€ ์–ด๋– ํ•œ์ง€, ์–ด๋А ์œ„์น˜์—์„œ ์ดํƒˆํ•˜๋Š”์ง€ ๋“ฑ์˜ ์ •๋ณด๋ฅผ ๋ถ„์„ํ•จ์œผ๋กœ์จ, ์ธํ„ฐํŽ˜์ด์Šค์˜ ๋ฌธ์ œ์ ์„ ๋ฐœ๊ฒฌํ•˜๊ณ  ๊ฐœ์„  ๋ฐฉ.. 2025. 6. 19.
๋ฆฌ์•กํŠธ ์ปจํ…์ŠคํŠธ API๋ฅผ ํ™œ์šฉํ•œ ๊ธ€๋กœ๋ฒŒ ์ƒํƒœ ๊ด€๋ฆฌ ๋ฆฌ์•กํŠธ ์ปจํ…์ŠคํŠธ API๋ฅผ ํ™œ์šฉํ•œ ๊ธ€๋กœ๋ฒŒ ์ƒํƒœ ๊ด€๋ฆฌ๋ฆฌ์•กํŠธ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด ์ ์  ๋ณต์žกํ•ด์ง์— ๋”ฐ๋ผ, ์—ฌ๋Ÿฌ ์ปดํฌ๋„ŒํŠธ ๊ฐ„์— ๋ฐ์ดํ„ฐ๋ฅผ ํšจ์œจ์ ์œผ๋กœ ๊ณต์œ ํ•˜๊ณ  ๊ด€๋ฆฌํ•˜๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•œ ๊ณผ์ œ๊ฐ€ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ „ํ†ต์ ์œผ๋กœ๋Š” props๋ฅผ ํ†ตํ•ด ๋ฐ์ดํ„ฐ๋ฅผ ์ „๋‹ฌํ–ˆ์ง€๋งŒ, ๊นŠ์€ ์ปดํฌ๋„ŒํŠธ ํŠธ๋ฆฌ ๊ตฌ์กฐ์—์„œ๋Š” props ๋“œ๋ฆด๋ง(props drilling) ๋ฌธ์ œ๋กœ ์ธํ•ด ์ฝ”๋“œ์˜ ๊ฐ€๋…์„ฑ๊ณผ ์œ ์ง€๋ณด์ˆ˜์„ฑ์ด ํฌ๊ฒŒ ๋–จ์–ด์งˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ๋ฆฌ์•กํŠธ๋Š” ์ปจํ…์ŠคํŠธ API(Context API)๋ฅผ ๋„์ž…ํ•˜์˜€์œผ๋ฉฐ, ์ด๋ฅผ ํ™œ์šฉํ•˜๋ฉด ๊ธ€๋กœ๋ฒŒ ์ƒํƒœ๋ฅผ ์†์‰ฝ๊ฒŒ ๊ด€๋ฆฌํ•˜๊ณ , UI ์ปดํฌ๋„ŒํŠธ ๊ฐ„์— ๋ฐ์ดํ„ฐ๋ฅผ ํšจ์œจ์ ์œผ๋กœ ์ „๋‹ฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” ๋ฆฌ์•กํŠธ ์ปจํ…์ŠคํŠธ API์˜ ๊ธฐ๋ณธ ๊ฐœ๋…, ์‚ฌ์šฉ ๋ฐฉ๋ฒ•, ๊ทธ๋ฆฌ๊ณ  ์‹ค์ œ ์‚ฌ๋ก€๋ฅผ ํ†ตํ•ด ๊ธ€๋กœ๋ฒŒ ์ƒํƒœ ๊ด€๋ฆฌ๋ฅผ ๊ตฌํ˜„ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด .. 2025. 6. 16.
REACT ๋ชจ๋‹ฌ, ํ† ์ŠคํŠธ, ๋“œ๋กœ์–ด ๋“ฑ ํŒ์—… ์ปดํฌ๋„ŒํŠธ ์„ค๊ณ„ ๋ฐ ๊ตฌํ˜„ REACT ๋ชจ๋‹ฌ, ํ† ์ŠคํŠธ, ๋“œ๋กœ์–ด ๋“ฑ ํŒ์—… ์ปดํฌ๋„ŒํŠธ ์„ค๊ณ„ ๋ฐ ๊ตฌํ˜„์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ ํŒ์—… ์š”์†Œ๋Š” ์‚ฌ์šฉ์ž์™€์˜ ์ƒํ˜ธ์ž‘์šฉ์„ ๊ฐœ์„ ํ•˜๊ณ  ์ค‘์š”ํ•œ ์ •๋ณด๋ฅผ ํšจ๊ณผ์ ์œผ๋กœ ์ „๋‹ฌํ•˜๋Š” ๋ฐ ํ•ต์‹ฌ์ ์ธ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. ๋ชจ๋‹ฌ, ํ† ์ŠคํŠธ, ๋“œ๋กœ์–ด ๋“ฑ์˜ ํŒ์—… ์ปดํฌ๋„ŒํŠธ๋Š” ํ™”๋ฉด ๋‚ด์—์„œ ์ฃผ์˜๋ฅผ ์ง‘์ค‘์‹œํ‚ค๊ฑฐ๋‚˜ ๋ถ€๊ฐ€์ ์ธ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•  ๋•Œ ๋งŽ์ด ํ™œ์šฉ๋ฉ๋‹ˆ๋‹ค.์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” ํŒ์—… ์ปดํฌ๋„ŒํŠธ์˜ ๋””์ž์ธ ์›์น™๊ณผ ๊ตฌํ˜„ ๋ฐฉ๋ฒ•, ๊ทธ๋ฆฌ๊ณ  ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋ฐ ์ ‘๊ทผ์„ฑ ๊ณ ๋ ค์‚ฌํ•ญ์— ๋Œ€ํ•ด ์ž์„ธํžˆ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.ํŒ์—… ์ปดํฌ๋„ŒํŠธ์˜ ๊ธฐ๋ณธ ๊ฐœ๋…๊ณผ ์ค‘์š”์„ฑํŒ์—… ์ปดํฌ๋„ŒํŠธ๋Š” ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค(UI)์—์„œ ๋ณ„๋„์˜ ์˜ค๋ฒ„๋ ˆ์ด ์ฐฝ์œผ๋กœ ๋‚˜ํƒ€๋‚˜, ์ค‘์š”ํ•œ ๋ฉ”์‹œ์ง€, ํ”ผ๋“œ๋ฐฑ, ์˜ต์…˜ ๋˜๋Š” ์ถ”๊ฐ€ ์ •๋ณด๋ฅผ ์ œ๊ณตํ•˜๋Š” ์š”์†Œ์ž…๋‹ˆ๋‹ค.๋ชจ๋‹ฌ(Modal): ์‚ฌ์šฉ์ž๊ฐ€ ๋ชจ๋‹ฌ ์ฐฝ์„ ๋‹ซ๊ธฐ ์ „๊นŒ์ง€ ๋‹ค๋ฅธ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•˜์ง€ ๋ชปํ•˜๋„๋ก ํ•˜๋Š” ํŒ์—… ์š”์†Œ๋กœ,.. 2025. 6. 13.
D3.js, Chart.js ๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™”๋ฅผ ์œ„ํ•œ ๋ฆฌ์•กํŠธ ์ฐจํŠธ ์ปดํฌ๋„ŒํŠธ ๊ฐœ๋ฐœ D3.js, Chart.js ๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™”๋ฅผ ์œ„ํ•œ ๋ฆฌ์•กํŠธ ์ฐจํŠธ ์ปดํฌ๋„ŒํŠธ ๊ฐœ๋ฐœํ˜„๋Œ€ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ๋‹จ์ˆœํžˆ ํ…์ŠคํŠธ๋‚˜ ํ‘œ ํ˜•ํƒœ๋กœ ๋ณด์—ฌ์ฃผ๋Š” ๊ฒƒ์„ ๋„˜์–ด์„œ, ์‹œ๊ฐ์  ์š”์†Œ๋ฅผ ํ†ตํ•ด ๋ณด๋‹ค ์ง๊ด€์ ์œผ๋กœ ์ •๋ณด๋ฅผ ์ „๋‹ฌํ•˜๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•ด์กŒ์Šต๋‹ˆ๋‹ค. ์ด๋ฅผ ์œ„ํ•ด D3.js, Chart.js ๋“ฑ ๊ฐ•๋ ฅํ•œ ๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์™€ ๋ฆฌ์•กํŠธ๋ฅผ ๊ฒฐํ•ฉํ•˜์—ฌ, ์‹ค์‹œ๊ฐ„ ๋ฐ์ดํ„ฐ ๋ชจ๋‹ˆํ„ฐ๋ง ๋ฐ ํ†ต๊ณ„ ์ •๋ณด๋ฅผ ํšจ๊ณผ์ ์œผ๋กœ ํ‘œํ˜„ํ•  ์ˆ˜ ์žˆ๋Š” ์ฐจํŠธ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๊ฐœ๋ฐœํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” ๋‹ค์–‘ํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ํŠน์ง•, ๋ฆฌ์•กํŠธ์™€์˜ ๊ฒฐํ•ฉ ๋ฐฉ๋ฒ•, ๊ทธ๋ฆฌ๊ณ  ์‹ค์ œ ์ฝ”๋“œ ์˜ˆ์ œ๋ฅผ ํ†ตํ•ด ๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™” ์ฐจํŠธ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋งŒ๋“œ๋Š” ์ „๋žต์„ ์ƒ์„ธํžˆ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๊ฐœ์š”๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™”๋ฅผ ์œ„ํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” ๊ฐ๊ธฐ ์žฅ๋‹จ์ ๊ณผ ํ™œ์šฉ ๋ฐฉ์‹์ด ๋‹ค๋ฆ…๋‹ˆ๋‹ค. ๋Œ€ํ‘œ์ ์œผ.. 2025. 6. 9.