Etc๐Ÿ„‍โ™€๏ธ

Framework์™€ Library์ฐจ์ด

JanuDev 2025. 9. 10. 11:35

ํ”„๋ ˆ์ž„์›Œํฌ์™€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ๊ฐ€์žฅ ํฐ ์ฐจ์ด๋Š” ์ œ์–ด๊ถŒ์— ์žˆ๋‹ค.

 

ํ”„๋ ˆ์ž„์›Œํฌ(Framework)

'ํ‹€'์ด๋‚˜ '๋ผˆ๋Œ€'๋ฅผ ์˜๋ฏธํ•˜๋ฉฐ, ๊ฑด์ถ• ์„ค๊ณ„๋„์™€ ๋น„์Šทํ•˜๋‹ค.

๊ฐœ๋ฐœ์ž๋Š” ๊ทธ ์„ค๊ณ„๋„ ์•ˆ์—์„œ ์ž‘์—…ํ•ด์•ผํ•˜๋ฉฐ, ํ”„๋ ˆ์ž„์›Œํฌ์˜ ์ •ํ•ด์ง„ ๊ทœ์น™์— ๋”ฐ๋ผ์•ผ ํ•œ๋‹ค. 

๋”ฐ๋ผ์„œ ์ฃผ๋„๊ถŒ์ด ๊ฐœ๋ฐœ์ž๊ฐ€ ์•„๋‹Œ ํ”„๋ ˆ์ž„์›Œํฌ์—๊ฒŒ ์žˆ์–ด ์ œ์–ด์˜ ์—ญ์ „(Inversion of Control)์ด ๋ฐœ์ƒํ•œ๋‹ค.

  • ์ œ์–ด๊ถŒ : ํ”„๋ ˆ์ž„์›Œํฌ
  • ๊ตฌ์กฐ : ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ๋ผˆ๋Œ€์™€ ๊ตฌ์กฐ๋ฅผ ์ œ๊ณต
  • ex : Spring, Vue, Next.js, Angular, etc...

 

๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ(Library)

'๋„์„œ๊ด€'๊ณผ ๊ฐ™์ด ๊ฐœ๋ฐœ์— ํ•„์š”ํ•œ ๊ธฐ๋Šฅ๋“ค์˜ ๋ชจ์Œ์ด๋‹ค. ๊ฑด์ถ•์œผ๋กœ ๋น„์œ ํ•˜์ž๋ฉด ๋ฒฝ๋Œ, ์‹œ๋ฉ˜ํŠธ, ์ฐฝ๋ฌธ ๋“ฑ...

๊ฐœ๋ฐœ์ž๊ฐ€ ํ•„์š”ํ•  ๋•Œ ๊ฐ€์ ธ๋‹ค ์“ฐ๋Š” ๊ฑด์ถ• ์ž์žฌ์™€ ๊ฐ™๋‹ค. 

๊ฐœ๋ฐœ์ž๊ฐ€ ์ž์œ ๋กญ๊ฒŒ ์›ํ•˜๋Š” ์œ„์น˜์™€ ๋ฐฉ์‹์œผ๋กœ ์ž์žฌ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค.

  • ์ œ์–ด๊ถŒ : ๊ฐœ๋ฐœ์ž
  • ๊ตฌ์กฐ : ํŠน์ • ๊ธฐ๋Šฅ๋งŒ ์ œ๊ณต, ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ตฌ์กฐ์— ๊ด€์—ฌํ•˜์ง€ ์•Š๋Š”๋‹ค.
  • ex: jQuery, MyBatis, Lodash, React etc....

 

+ React๋Š” ์ œ์–ด๊ถŒ์„ ๊ฐœ๋ฐœ์ž๊ฐ€ ๊ฐ€์ง€๊ณ  ์žˆ์–ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ์ •์˜์— ๋” ๋ถ€ํ•ฉํ•˜๋‹ค. ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค UI๋ฅผ ๊ตฌ์ถ•ํ•˜๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋กœ, ์˜ค์ง Vue ๋งŒ ๋‹ด๋‹นํ•œ๋‹ค.

+ Vue๋Š” ํ”„๋ ˆ์ž„์›Œํฌ์™€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ํŠน์ง•์„ ๋ชจ๋‘ ๊ฐ€์งˆ ์ˆ˜ ์žˆ๋‹ค(ํ”„๋ ˆ์ž„์›Œํฌ + ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ)