๊ธฐํ
ํ๋ ์์ํฌ(Framework), ๋ผ์ด๋ธ๋ฌ๋ฆฌ(Library), ํ๋ฌ๊ทธ์ธ(Plug-in), ๋ชจ๋(Module)์ ์ฐจ์ด

๐ ํ๋ ์์ํฌ
Framework. ์ง์ญํ๋ฉด ๋ผ๋/๊ตฌ์กฐ๋ผ๊ณ ํ๋ค.
์กฐ๊ธ ๋ ํ์ด์ ์ค๋ช ํ์๋ฉด,
Frame ์ ํ, ๊ท์น/๋ฒ์น์ ์๋ฏธํ๊ณ
work ๋ ์ผ, ์ํํธ์จ์ด์ ๋ชฉ์ ์ด๋ผ๊ณ ํ ์ ์๋ค.
์ฆ, ๋ชฉ์ ์ ๋ฐ๋ผ ํจ์จ์ ์ผ๋ก ๊ตฌ์กฐ๋ฅผ ์ง๋์ ๊ฐ๋ฐ ๋ฐฉ์์ด๋ค.
Application ๊ฐ๋ฐ ์ ํ์์ ์ธ ์ฝ๋, ์๊ณ ๋ฆฌ์ฆ, ๋ฐ์ดํฐ๋ฒ ์ด์ค ์ฐ๋ ๋ฑ๊ณผ ๊ฐ์ ๊ธฐ๋ฅ๋ค์ ์ํด ์ด๋์ ๋์ ๋ผ๋(๊ตฌ์กฐ)๋ฅผ ์ ๊ณตํด์ฃผ๋ ๊ฒ์ด๋ค.
ํ๋ ์์ํฌ์ ์ข ๋ฅ์๋ Spring, VueJS ๋ฑ์ด ์๋ค.
๋ผ์ด๋ธ๋ฌ๋ฆฌ์์ ์ฐจ์ด์
ํ๋ ์์ํฌ๋ Flow(ํ๋ฆ)์ ๋ํ ์ ์ด ๊ถํ์ ์์ฒด์ ์ผ๋ก ๊ฐ์ง๊ณ ์๋ค.
(์ฌ์ฉ์๊ฐ ํ๋ ์์ํฌ์ ๊ท์น์ ์ค์ํด์ผํจ์ผ๋ก์จ)
๐ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
Library. ๋์ถฉ ํด์ํ๋ฉด ๋์๊ด, ๋ฌธ์ ๋ชจ์์ด๋ผ๊ณ ํ ์ ์๊ฒ ๋ค.
๋ง์น ์ฌ๋ฌ ๋ฌธ์๋ฅผ ๋ชจ์๋ ๋์๊ด ์ฒ๋ผ ํน์ ๊ธฐ๋ฅ์ ๋ํ ๋๊ตฌ/ํจ์๋ค์ ๋ชจ์๋ ์งํฉ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ผ๊ณ ํ๋ค.
ํ๋ ์์ํฌ์์ ์ฐจ์ด์
๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ Flow(ํ๋ฆ)์ ๋ํ ์ ์ด ๊ถํ์ ์ฌ์ฉ์๊ฐ ๊ฐ์ง๊ณ ์๋ค.
(์ฌ์ฉ์๊ฐ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๊ฐ์ ธ๋ค ์์ผ๋ก์จ)
๐ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋ชจ๋(Module)์ ์ฐจ์ด
๋ชจ๋์ ๊ตฌ์ฑ ๋จ์, ๊ตฌ์ฑ ๋ถ๋ถ์ด๋ผ๋ ๋ป์ด๋ค.
๊ฐ๋ฐ์์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋ชจ๋์ ๋์ผํ ์๋ฏธ๋ผ๊ณ ์๊ฐํ๋ฉด ๋๋ค.
๋ ๋ค ๊ฒฐ๋ก ์ ์ผ๋ก ์์ฃผ ์ฌ์ฉํ๊ฒ ๋๋ ์ฝ๋๋ฅผ ํ๋์ ํจ์๋ ํด๋์ค๋ผ๋ ๋จ์๋ก ๋ฌถ์ด์ ์ฝ๋๋ฅผ ์ฌ์ฌ์ฉํ ์ ์๊ฒ ํ๋ ๊ฒ์ด๋ค.
์ฝ๋์ ์งํฉ์ฒด๋ผ๊ณ ์๊ฐํ๋ฉด ๋๋ค.
๐ ํ๋ฌ๊ทธ์ธ
Plug-in.
ํ๋ฌ๊ทธ์ธ์ ์ด๋ค ํน์ ํ ํ๋์ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๊ธฐ ์ํ ์ปดํฌ๋ํธ(component)์ด๋ค.
์ฆ, ์ฌ๋๋ค์ด ์์ฃผ ์ฌ์ฉํ ๋งํ ๊ธฐ๋ฅ๋ค์ ์ง์ ์ผ์ผ์ด ๊ตฌํํ ํ์ ์์ด ํ์ํ ๊ธฐ๋ฅ๋ค๋ง ๊ทธ๋ ๊ทธ๋ ์ฐพ์์ ์ฌ์ฉํ ์ ์๋๋ก ๋ฏธ๋ฆฌ ๋ง๋ค์ด ๋์ ๊ฒ์ด ํ๋ฌ๊ทธ์ธ์ด๋ค.
๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ณด๋ค ์กฐ๊ธ ๋ ์์ ๊ฐ๋ ์ด๋ค.
ํ๋ฌ๊ทธ์ธ์ ์งํฉ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ผ๊ณ ๋ณด๋ฉด ๋๋ค.
๊ทผ๋ฐ ๋ฑํ ๊ตฌ๋ถํด์ ์ธ ํ์ ์๋ค. import ํด์ ์ฌ์ฉ ๊ฐ๋ฅํ๋ค๋ ์ ์์ ํ๋ฌ๊ทธ์ธ๊ณผ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ๊ฑฐ์ ๋์ผ์๋์ด ๋ถ๋ฆฌ๊ณ ์๋ค.
https://lily-im.tistory.com/16
[Frontend] ํ๋ ์์ํฌ/ ๋ผ์ด๋ธ๋ฌ๋ฆฌ /ํ๋ฌ๊ทธ์ธ ๊ฐ๋ ๋ฐ ์ฐจ์ด์
ํ๋ ์์ํฌ/ ๋ผ์ด๋ธ๋ฌ๋ฆฌ /ํ๋ฌ๊ทธ์ธ 1. Framework(ํ๋ ์์ํฌ) ํ๋ ์์ํฌ๋ ๋ผ๋๋ ๊ธฐ๋ฐ๊ตฌ์กฐ๋ฅผ ๋ปํ๋๋ฐ, Application ๊ฐ๋ฐ ์ ํ์์ ์ธ ์ฝ๋, ์๊ณ ๋ฆฌ์ฆ, ๋ฐ์ดํฐ๋ฒ ์ด์ค ์ฐ๋ ๋ฑ๊ณผ ๊ฐ์ ๊ธฐ๋ฅ๋ค์ ์ํด
lily-im.tistory.com
https://www.castingn.com/sourcing/kkultip_detail/110
ํ๋ ์์ํฌ(framework)๋?
๋น๊ฐ๋ฐ์๋ผ๋ฉด IT ํ๋ก์ ํธ ํ ๋๋ง๋ค ๋ค์์ง๋ง ์์ํ ๋จ์ด, 'ํ๋ ์์ํฌ'. ๊ฐ๋ฐ ์์ฐ์ฑ๊ณผ ํจ์จ์ฑ์ ์ข์ฐํ๋ ํ๋ ์์ํฌ์ ์ ์, ์ข ๋ฅ, ํน์ง์ ์์๋ด ๋๋ค.
www.castingn.com