2024/12/06 3

๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์™€ ํ”„๋ ˆ์ž„์›Œํฌ์˜ ์ฐจ์ด์ 

๊ตฌ๋ถ„Library(๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ)Framework(ํ”„๋ ˆ์ž„์›Œํฌ)๊ฐœ๋…๊ฐœ๋ฐœ์ž๊ฐ€ ํŠน์ • ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•  ๋•Œ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์ฝ”๋“œ ์ง‘ํ•ฉ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐœ๋ฐœ์˜ ๊ตฌ์กฐ๋ฅผ ์ œ๊ณตํ•˜๋ฉฐํŠน์ •๊ทœ์น™์— ๋”ฐ๋ผ ๊ฐœ๋ฐœํ•ด์•ผ ํ•˜๋Š”์ผ์ข…์˜ ํ…œํ”Œ๋ฆฟ ๋˜๋Š” ๊ธฐ๋ฐ˜ ๊ตฌ์กฐ์ œ์–ดํ๋ฆ„๊ฐœ๋ฐœ์ž๊ฐ€ ์ฝ”๋“œ๋ฅผ ํ˜ธ์ถœํ•˜์—ฌ ์‚ฌ์šฉ(๊ฐœ๋ฐœ์ž๊ฐ€ ์ œ์–ด๊ถŒ์„ ๊ฐ€์ง)ํ”„๋ ˆ์ž„์›Œํฌ๊ฐ€ ๊ฐœ๋ฐœ์ž์˜ ์ฝ”๋“œ๋ฅผ ํ˜ธ์ถœ(ํ”„๋ ˆ์ž„์›Œํฌ๊ฐ€ ์ œ์–ด๊ถŒ์„ ๊ฐ€์ง)Inversion of Control์‚ฌ์šฉ๋ฐฉ์‹ํ•„์š”ํ•œ ๋ถ€๋ถ„๋งŒ ๊ณจ๋ผ์„œ ์‚ฌ์šฉํ”„๋ ˆ์ž„์›Œํฌ๊ฐ€ ์ œ๊ณตํ•˜๋Š” ๊ตฌ์กฐ์™€ ๊ทœ์น™์„ ๋”ฐ๋ฅด๋ฉฐ์ „์ฒด์ ์ธ ๊ฐœ๋ฐœ ๊ณผ์ •์— ํ†ตํ•ฉ์œ ์—ฐ์„ฑ์ž์œ ๋กญ๊ฒŒ ์„ ํƒํ•˜๊ณ  ์กฐํ•ฉ ๊ฐ€๋Šฅํ”„๋ ˆ์ž„์›Œํฌ์˜ ๊ทœ์น™๊ณผ ๊ตฌ์กฐ๋ฅผ ์ค€์ˆ˜ํ•ด์•ผ ํ•จ์˜ˆ์‹œPandas, NumPy, jQuery, LodashDjango, Spring, Angular, React(ํŠน์ • ๋งฅ๋ฝ์—์„œ ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜ ํ”„๋ ˆ์ž„์›Œํฌ๋กœ๋ถ„๋ฅ˜๋˜๊ธฐ๋„ ํ•จ)..

ComputerScience 2024.12.06

[Next.js] Next.js?

[ Next.js ]์›์ €์žGuillermo Rauch๊ฐœ๋ฐœ์žVercel ๋ฐ ์˜คํ”ˆ ์†Œ์Šค ์ปค๋ฎค๋‹ˆํ‹ฐ๋ฐœํ‘œ์ผ2016๋…„ 10์›” 25์ผ(8๋…„ ์ „)์•ˆ์ •ํ™” ๋ฒ„์ „15.0.3 / 2024๋…„ 11์›” 7์ผ(26์ผ ์ „) ์ €์žฅ์†Œgithub.com/vercel/next.jsํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ดJavaScript, TypeScript, Rustํ”Œ๋žซํผ์›น ํ”Œ๋žซํผํฌ๊ธฐ17.0 MB์ข…๋ฅ˜์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ํ”„๋ ˆ์ž„์›Œํฌ๋ผ์ด์„ผ์ŠคMIT ๋ผ์ด์„ ์Šค์›น์‚ฌ์ดํŠธnextjs.org[ ๋ฐฐ๊ฒฝ ]Next.js๋Š” ์„œ๋ฒ„ ์ธก ๋ Œ๋”๋ง ๋ฐ ์ •์  ์›น์‚ฌ์ดํŠธ ์ƒ์„ฑ์„ ํฌํ•จํ•œ์—ฌ๋Ÿฌ๊ฐ€์ง€ ์ถ”๊ฐ€ ๊ธฐ๋Šฅ์„ ์ง€์›ํ•˜๋Š” ๋ฆฌ์•กํŠธ (์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ) ํ”„๋ ˆ์ž„์›Œํฌ์ด๋‹ค. ๋ฆฌ์•กํŠธ๋Š” ์ „ํ†ต์ ์œผ๋กœ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌํด๋ผ์ด์–ธํŠธ ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋ Œ๋”๋ง๋˜๋Š”์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ตฌ์ถ•ํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋˜๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ด๋‹ค.๊ทธ๋Ÿฌ๋‚˜..

Dev_Study/Next.js 2024.12.06

[Vue.js] Vuetify3ํ”„๋ ˆ์ž„์›Œํฌ ์„ค์ •ํ•˜๊ธฐ

Vuetify3? 2014๋…„์— ์ฒ˜์Œ ์ถœ์‹œ๋œ ์ดํ›„ Vue.js๋Š”์„ธ๊ณ„์—์„œ ๊ฐ€์žฅ ์ธ๊ธฐ ์žˆ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ”„๋ ˆ์ž„์›Œํฌ ์ค‘ ํ•˜๋‚˜๋กœ ์„ฑ์žฅํ–ˆ์Šต๋‹ˆ๋‹ค.์ด๋Ÿฌํ•œ ์ธ๊ธฐ์˜ ์ด์œ  ์ค‘ ํ•˜๋‚˜๋Š”๊ฐœ๋ฐœ์ž๊ฐ€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ „์ฒด์—์„œ ์‚ฌ์šฉํ•˜๊ณ  ์žฌ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š”์ž‘์€ ๋ชจ๋“ˆ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š” ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ๊ด‘๋ฒ”์œ„ํ•˜๊ฒŒ ์‚ฌ์šฉํ•˜๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.Vuetify๋Š” ๋™์  ํ…Œ๋งˆ, ๊ธ€๋กœ๋ฒŒ ๊ธฐ๋ณธ๊ฐ’, ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋ ˆ์ด์•„์›ƒ ๋“ฑ๊ฐ•๋ ฅํ•œ ๊ธฐ๋Šฅ๊ณผ ๊ฒฐํ•ฉ๋œ ์‚ฌ์ „ ์ œ์ž‘ ๊ตฌ์„ฑ ์š”์†Œ ๋ชจ์Œ์ž…๋‹ˆ๋‹ค.๊ฐœ๋ฐœ์ž์—๊ฒŒ ํ’๋ถ€ํ•˜๊ณ  ๋งค๋ ฅ์ ์ธ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ๊ตฌ์ถ•ํ•˜๋Š” ๋ฐ ํ•„์š”ํ•œ ๋ชจ๋“  ๋„๊ตฌ๋ฅผ ์ œ๊ณตํ•˜๋Š” ๊ฒƒ์ด ๋ชฉํ‘œ์ž…๋‹ˆ๋‹ค. Vuetify๋Š” ๋ฐฐ์šฐ๊ธฐ ์‰ฝ๊ณ  ๋งˆ์Šคํ„ฐํ•  ์ˆ˜ ์žˆ๋Š” ๋ณด์ƒ์„ ์ œ๊ณตํ•˜๊ธฐ ์œ„ํ•ด์ฒ˜์Œ๋ถ€ํ„ฐ ๊ตฌ์ถ•๋œ ๊ฐ•๋ ฅํ•œ Vue ๊ตฌ์„ฑ ์š”์†Œ ํ”„๋ ˆ์ž„์›Œํฌ์ž…๋‹ˆ๋‹ค.๋‹น์‚ฌ์˜ UI ๊ตฌ์„ฑ ์š”์†Œ ์ปฌ๋ ‰์…˜์€ ๋ชจ๋“  ์‚ฌ์šฉ ์‚ฌ๋ก€๋ฅผ ์ถฉ์กฑํ•  ์ˆ˜ ์žˆ๋Š”์ถฉ๋ถ„ํ•œ ์‚ฌ์šฉ์ž ..

Dev_Study/Vue.js 2024.12.06
728x90
๋ฐ˜์‘ํ˜•