ITstudy

๋ณด์ผ๋Ÿฌํ”Œ๋ ˆ์ดํŠธ(Boilerplate code)๋ž€? - ๊ฐœ๋…, ํ•„์š”ํ•œ ์ด์œ 

martinooo 2023. 7. 12. 22:41

 

๐Ÿ‘‹ ๋ณด์ผ๋Ÿฌ ํ”Œ๋ ˆ์ดํŠธ๋ž€?

 

์ฝ”๋”ฉ์„ ํ•˜๋‹ค ๋ณด๋ฉด ์˜๋ฏธ ์—†๋Š” ์ฝ”๋”ฉ์„ ํ•  ๋•Œ๋„ ์žˆ๊ณ  ๋ถˆํ•„์š”ํ•œ ์ž‘์—…์— ๋•Œ๋ฌธ์— ์—…๋ฌด ์ƒ์‚ฐ์„ฑ์ด ๋–จ์–ด์ง€๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด๋Ÿด ๊ฒฝ์šฐ๋ฅผ ๋Œ€๋น„ํ•ด ๋ณด์ผ๋Ÿฌ ํ”Œ๋ ˆ์ดํŠธ๋กœ ๊ธฐ๋ณธ์ ์ธ ๊ณจ๊ฒฉ์„ ๋ฏธ๋ฆฌ ๋งŒ๋“ค์–ด์„œ ์—…๊ทธ๋ ˆ์ด๋“œํ•˜๋Š” ๋ฐฉ์‹์ด๋ฉฐ ๋ถˆํ•„์š”ํ•œ ์ฝ”๋“œ์™€ ์ƒ์‚ฐ์„ฑ์„ ๋†’์ผ ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์ด๋‹ค.

 


๊ฐœ๋ฐœ์ž์—๊ฒŒ ๋ณด์ผ๋Ÿฌ ํ”Œ๋ ˆ์ดํŠธ ๋ž€?

 

์ฝ”๋”ฉ์—์„œ ๋ณด์ผ๋Ÿฌ ํ”Œ๋ ˆ์ดํŠธ๋Š” ๊ฐœ๋ฐœ์ž์—๊ฒŒ ๊ผญ ํ•„์š”ํ•œ ์š”์†Œ์ด๋‹ค.

์ง์ ‘ ํƒ€์ดํ•‘, ๋ฐ˜๋ณต์ ์ธ ์ž‘์—…, ํ•˜๋“œ ์ฝ”๋”ฉ ๋“ฑ์€ ์ž๋™ํ™”๋กœ ๋งก๊ฒจ ๋ฒ„๋ฆฌ๊ณ  ๊ผญ ํ•„์š”ํ•œ ์ฝ”๋”ฉ์„ ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ฃผ๋Š” ๋ฐฉ๋ฒ•์ด ๋ณด์ผ๋Ÿฌ ํ”Œ๋ ˆ์ดํŠธ์ž…๋‹ˆ๋‹ค.

๊ฐ€์žฅ ๋Œ€ํ‘œ์ ์ธ ์˜ˆ๋กœ create-react-app ํ™œ์šฉํ•˜๋ฉด ๋ฏธ๋ฆฌ ๊ฐ–์ถฐ์ง„ ๊ณจ๊ฒฉ์„ ์ฃผ๊ณ  ๊ฐœ๋ฐœ์ž๋Š” ๊ฑฐ๊ธฐ์„œ ์›ํ•˜๋Š” ์„œ๋น„์Šค์— ๋งž์ถฐ์„œ ๊ฐœ๋ฐœ์„ ํ•˜๋Š” ๊ฒƒ์ด๋‹ค.

๋งŒ์•ฝ create-react-app ์—†์ด ์ฒจ๋ถ€ํ„ฐ ์„ธํŒ…์„ ํ•œ๋‹ค๋ฉด ์ •๋ง ํž˜๋“  ์‹œ๊ฐ„์„ ๋ณด๋‚ด๊ฒŒ ๋  ๊ฒƒ์ด๋‹ค.

 


๋ณด์ผ๋Ÿฌ ํ”Œ๋ ˆ์ดํŠธ ์ •๋ฆฌํ•˜๋ฉด

  • ๋ฐ˜๋ณต์ ์œผ๋กœ ์‚ฌ์šฉ๋˜๋Š” ๋ถ€๋ถ„์„ ์žฌ์‚ฌ์šฉ์„ ๋„์™€์ค€๋‹ค.
  • ์ตœ์†Œํ•œ์˜ ์ˆ˜์ •์œผ๋กœ ๋‹ค์‹œ ์‚ฌ์šฉํ•œ๋‹ค.
  • ๋ฏธ๋ฆฌ ๊ณจ๊ฒฉ์ด ๊ฐ–์ถฐ์ ธ ์žˆ์–ด์„œ ์ƒ์‚ฐ์„ฑ์„ ๋†’์—ฌ์ค€๋‹ค.

 


 

์ฆ‰ ๋ณด์ผ๋Ÿฌ ํ”Œ๋ ˆ์ดํŠธ๋Š” ๋ถˆํ•„์š”ํ•œ ์‹œ๊ฐ„์„ ์ค„์—ฌ์ฃผ๋Š” ์ข‹์€ ๋ฐฉ๋ฒ•์ด๋‹ค.

ex: next.js ํ”„๋ ˆ์ž„์›Œํฌ์— serveless API & mysql ์„ธํŒ…ํ•˜๋Š” ๋ณด์ผ๋Ÿฌ ํ”Œ๋ ˆ์ดํŠธ๋ฅผ ๋ฏธ๋ฆฌ ๋งŒ๋“ค์–ด์„œ ๋ฐ”๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

https://github.com/yoogukhyeon/next-boilerplate

 

GitHub - yoogukhyeon/next-boilerplate

Contribute to yoogukhyeon/next-boilerplate development by creating an account on GitHub.

github.com