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

๐Ÿ“• ํ”„๋ ˆ์ž„์›Œํฌ

Framework. ์ง์—ญํ•˜๋ฉด ๋ผˆ๋Œ€/๊ตฌ์กฐ๋ผ๊ณ  ํ•œ๋‹ค.

์กฐ๊ธˆ ๋” ํ’€์–ด์„œ ์„ค๋ช…ํ•˜์ž๋ฉด,

Frame ์€ ํ‹€, ๊ทœ์น™/๋ฒ•์น™์„ ์˜๋ฏธํ•˜๊ณ 

work ๋Š” ์ผ, ์†Œํ”„ํŠธ์›จ์–ด์˜ ๋ชฉ์ ์ด๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ๋‹ค.

 

์ฆ‰, ๋ชฉ์ ์— ๋”ฐ๋ผ ํšจ์œจ์ ์œผ๋กœ ๊ตฌ์กฐ๋ฅผ ์งœ๋†“์€ ๊ฐœ๋ฐœ ๋ฐฉ์‹์ด๋‹ค.

Application ๊ฐœ๋ฐœ ์‹œ ํ•„์ˆ˜์ ์ธ ์ฝ”๋“œ, ์•Œ๊ณ ๋ฆฌ์ฆ˜, ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์—ฐ๋™ ๋“ฑ๊ณผ ๊ฐ™์€ ๊ธฐ๋Šฅ๋“ค์„ ์œ„ํ•ด ์–ด๋Š์ •๋„์˜ ๋ผˆ๋Œ€(๊ตฌ์กฐ)๋ฅผ ์ œ๊ณตํ•ด์ฃผ๋Š” ๊ฒƒ์ด๋‹ค.

 

ํ”„๋ ˆ์ž„์›Œํฌ์˜ ์ข…๋ฅ˜์—๋Š” Spring, VueJS ๋“ฑ์ด ์žˆ๋‹ค.

 

๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์™€์˜ ์ฐจ์ด์ 

ํ”„๋ ˆ์ž„์›Œํฌ๋Š” Flow(ํ๋ฆ„)์— ๋Œ€ํ•œ ์ œ์–ด ๊ถŒํ•œ์„ ์ž์ฒด์ ์œผ๋กœ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค.

(์‚ฌ์šฉ์ž๊ฐ€ ํ”„๋ ˆ์ž„์›Œํฌ์˜ ๊ทœ์น™์„ ์ค€์ˆ˜ํ•ด์•ผํ•จ์œผ๋กœ์จ)

๐Ÿ“• ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ

Library. ๋Œ€์ถฉ ํ•ด์„ํ•˜๋ฉด ๋„์„œ๊ด€, ๋ฌธ์„œ ๋ชจ์Œ์ด๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ๊ฒ ๋‹ค. 

๋งˆ์น˜ ์—ฌ๋Ÿฌ ๋ฌธ์„œ๋ฅผ ๋ชจ์•„๋‘” ๋„์„œ๊ด€ ์ฒ˜๋Ÿผ ํŠน์ • ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ๋„๊ตฌ/ํ•จ์ˆ˜๋“ค์„ ๋ชจ์•„๋‘” ์ง‘ํ•ฉ์„ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ผ๊ณ  ํ•œ๋‹ค.

 

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

๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” Flow(ํ๋ฆ„)์— ๋Œ€ํ•œ ์ œ์–ด ๊ถŒํ•œ์„ ์‚ฌ์šฉ์ž๊ฐ€ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค.

(์‚ฌ์šฉ์ž๊ฐ€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๊ฐ€์ ธ๋‹ค ์”€์œผ๋กœ์จ)

 

๐Ÿš€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์™€ ๋ชจ๋“ˆ(Module)์˜ ์ฐจ์ด
๋ชจ๋“ˆ์€ ๊ตฌ์„ฑ ๋‹จ์œ„, ๊ตฌ์„ฑ ๋ถ€๋ถ„์ด๋ผ๋Š” ๋œป์ด๋‹ค.
๊ฐœ๋ฐœ์—์„œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์™€ ๋ชจ๋“ˆ์€ ๋™์ผํ•œ ์˜๋ฏธ๋ผ๊ณ  ์ƒ๊ฐํ•˜๋ฉด ๋œ๋‹ค.
๋‘˜ ๋‹ค ๊ฒฐ๋ก ์ ์œผ๋กœ ์ž์ฃผ ์‚ฌ์šฉํ•˜๊ฒŒ ๋˜๋Š” ์ฝ”๋“œ๋ฅผ ํ•˜๋‚˜์˜ ํ•จ์ˆ˜๋‚˜ ํด๋ž˜์Šค๋ผ๋Š” ๋‹จ์œ„๋กœ ๋ฌถ์–ด์„œ ์ฝ”๋“œ๋ฅผ ์žฌ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๋Š” ๊ฒƒ์ด๋‹ค.
์ฝ”๋“œ์˜ ์ง‘ํ•ฉ์ฒด๋ผ๊ณ  ์ƒ๊ฐํ•˜๋ฉด ๋œ๋‹ค.

๐Ÿ“• ํ”Œ๋Ÿฌ๊ทธ์ธ

Plug-in.

ํ”Œ๋Ÿฌ๊ทธ์ธ์€ ์–ด๋–ค ํŠน์ •ํ•œ ํ•˜๋‚˜์˜ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•œ ์ปดํฌ๋„ŒํŠธ(component)์ด๋‹ค.

์ฆ‰, ์‚ฌ๋žŒ๋“ค์ด ์ž์ฃผ ์‚ฌ์šฉํ• ๋งŒํ•œ ๊ธฐ๋Šฅ๋“ค์„ ์ง์ ‘ ์ผ์ผ์ด ๊ตฌํ˜„ํ•  ํ•„์š” ์—†์ด ํ•„์š”ํ•œ ๊ธฐ๋Šฅ๋“ค๋งŒ ๊ทธ๋•Œ ๊ทธ๋•Œ ์ฐพ์•„์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ฏธ๋ฆฌ ๋งŒ๋“ค์–ด ๋†“์€ ๊ฒƒ์ด ํ”Œ๋Ÿฌ๊ทธ์ธ์ด๋‹ค.

 

๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ณด๋‹ค ์กฐ๊ธˆ ๋” ์ž‘์€ ๊ฐœ๋…์ด๋‹ค.

ํ”Œ๋Ÿฌ๊ทธ์ธ์˜ ์ง‘ํ•ฉ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ผ๊ณ  ๋ณด๋ฉด ๋œ๋‹ค.

๊ทผ๋ฐ ๋”ฑํžˆ ๊ตฌ๋ถ„ํ•ด์„œ ์“ธ ํ•„์š” ์—†๋‹ค. import ํ•ด์„œ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•˜๋‹ค๋Š” ์ ์—์„œ ํ”Œ๋Ÿฌ๊ทธ์ธ๊ณผ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” ๊ฑฐ์˜ ๋™์ผ์‹œ๋˜์–ด ๋ถˆ๋ฆฌ๊ณ  ์žˆ๋‹ค.

 

์ถœ์ฒ˜
๋„ค์ด๋ฒ„๋ฐด๋“œ๋„ค์ด๋ฒ„๋ธ”๋กœ๊ทธํ•€ํ„ฐ๋ ˆ์ŠคํŠธํ…”๋ ˆ๊ทธ๋žจ๋งํฌ๋“œ์ธํฌ์ผ“๋ ˆ๋”ง์ด๋ฉ”์ผ

Seize the day!

Spring MVC | Spring Boot | Spring Security | Mysql | Oracle | PostgreSQL | Vue.js | Nuxt.js | React.js | TypeScript | JSP | Frontend | Backend | Full Stack | ์ž๊ธฐ๊ณ„๋ฐœ | ๋ฏธ๋ผํด ๋ชจ๋‹ | ์ผ์ƒ