[Project] Team Project 8์ผ์ฐจ

์šฐ๊ธฐยท2023๋…„ 5์›” 18์ผ
0
post-thumbnail

๐Ÿ“’ ์˜ค๋Š˜์˜ TIL

1๏ธโƒฃ CSS ์ž‘์—…

  • CSS ์ž‘์—…์„ ์–ด๋Š ์ •๋„ ๋๋ƒˆ๋‹ค. ์ถ”ํ›„์— ๋” ์ˆ˜์ •ํ•˜๊ณ  ๋ฏธ๋””์–ด ์ฟผ๋ฆฌ๋„ ์„ค์ •ํ•ด์•ผ๊ฒ ์ง€๋งŒ, CSS ์ž‘์—…์€ ์–ด๋Š ์ •๋„ ๋ผˆ๋Œ€๋ฅผ ์žก์€ ๊ฒƒ ๊ฐ™๋‹ค. ์•„์ง ๋ฐฑ์—”๋“œ API๊ฐ€ ์™„์ „ํ•˜๊ฒŒ ๋‚˜์˜ค์ง€ ์•Š์•˜๊ณ  ๋‚˜์™€๋„ ๋กœ๊ทธ์ธ ๊ธฐ๋Šฅ์ด ์™„์„ฑ๋˜์–ด์•ผ์•ผ, ๋ฏธ๋””์–ด์—์„œ ๋ฐ์ดํ„ฐ๋„ ์ƒ์„ฑํ•ด์„œ ๋ฐฑ์—”๋“œ๋กœ ๋ณด๋‚ด๊ณ  ๊ทธ๊ฒƒ๋“ค์„ ๊ธฐ๋ฐ˜์œผ๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ๊ฐ€์ง€๊ณ  ๊ธฐ๋Šฅ์„ ๋งŒ๋“ค์–ด ๋ณผ ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™๋‹ค.

2๏ธโƒฃ ๋ฐฐํฌ์™€ ๊นƒํ—ˆ๋ธŒ

  • ๋‚˜๋Š” Git ๊ด€๋ฆฌ๋ฅผ ๋งก๊ณ  ์žˆ๋‹ค. ์šฐ๋ฆฌ๋Š” ๋งค์ผ ์˜ค์ „ 10์‹œ์— ํ•จ๊ป˜ ๋ชจ์—ฌ์„œ ๊ฐ์ž ์ „๋‚  ์ž‘์—…ํ•œ ๋‚ด์šฉ์„ Git์— ์˜ฌ๋ฆฌ๊ณ , ์ถฉ๋Œ์ด ์žˆ๋Š”์ง€ ํ™•์ธํ•œ๋‹ค. ์ถฉ๋Œ์ด ๋ฐœ์ƒํ•˜๋ฉด ํ•ด๊ฒฐํ•˜๊ณ , ์ถฉ๋Œ์ด ์—†๋‹ค๋ฉด develop ๋ธŒ๋žœ์น˜์— ๋ณ‘ํ•ฉํ•œ๋‹ค. ๋ณ‘ํ•ฉ์ด ์™„๋ฃŒ๋˜๋ฉด ๊ฐ์ž์˜ ๋กœ์ปฌ ํ™˜๊ฒฝ์—์„œ master ๋ธŒ๋žœ์น˜๋ฅผ ์—…๋ฐ์ดํŠธํ•˜๊ณ , ์ž‘์—… ๋‚ด์šฉ์„ ์ด์Šˆ์— ์ž‘์„ฑํ•œ ํ›„ feature ๋ธŒ๋žœ์น˜๋ฅผ ์ƒ์„ฑํ•˜์—ฌ ๊ทธ๋‚ ์˜ ์ž‘์—…์„ ์ง„ํ–‰ํ•œ๋‹ค.

  • ํ•˜์ง€๋งŒ ์ด๋ฒˆ์— ํ”„๋ก ํŠธ์—”๋“œ ๋ฐฐํฌ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉฐ GitHub ๊ด€๋ฆฌ๊ฐ€ ์–ด๋ ค์›Œ์กŒ๋‹ค. ์ž‘์—… ์ค‘๊ฐ„๋งˆ๋‹ค ๋ฐฐํฌ๋ฅผ ์œ„ํ•ด ์ž์ฃผ Git ํ’€ ๋ฆฌํ€˜์ŠคํŠธ๋ฅผ ์š”์ฒญํ•˜๊ณ , ํ•œ ๋ช…๋งŒ ์˜ฌ๋ฆด ์ˆ˜ ์—†์–ด์„œ ํŒ€์› ์ „์ฒด๊ฐ€ ํ•จ๊ป˜ ์˜ฌ๋ฆฌ๊ณ  ๋‚ด๋ ค๋ฐ›๋Š” ๊ณผ์ •์„ ๋ฐ˜๋ณตํ–ˆ๋‹ค. ์ด๋กœ ์ธํ•ด ํ”ผ์ณ ์ด์Šˆ๊ฐ€ ์ง€๋‚˜์น˜๊ฒŒ ๋งŽ์•„์กŒ๋‹ค. ์‚ฌ์‹ค ์ด๋Ÿฐ ๊ด€๋ฆฌ ๋ฐฉ์‹์€ ์˜ณ์ง€ ์•Š๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ์ง€๋งŒ ๋ฐฐํฌ๊ฐ€ ๊ธ‰ํ•œ ์ƒํ™ฉ์ด์–ด์„œ ์–ด์ฉ” ์ˆ˜ ์—†์ด ์ด์™€ ๊ฐ™์€ ๋ฐฉ์‹์œผ๋กœ Git์— ๋ฐ˜๋ณต์ ์œผ๋กœ ์˜ฌ๋ฆฌ๊ณ  ๋‚ด๋ ค๋ฐ›๊ฒŒ ๋˜์—ˆ๋‹ค.

๐Ÿง‘โ€๐Ÿ’ป ๊ถ๊ธˆํ•œ ์ 

  • ํ˜„์—…์—์„œ ๊นƒํ—ˆ๋ธŒ ๊ด€๋ฆฌ๋ฅผ ์–ด๋–ป๊ฒŒ ํ•˜๋Š”์ง€

    ํ˜„์—…์—์„œ Git ๋ฐ GitHub๋ฅผ ์‚ฌ์šฉํ•œ ๊ด€๋ฆฌ ๋ฐฉ๋ฒ•์€ ์กฐ์ง์ด๋‚˜ ํŒ€์˜ ์š”๊ตฌ์‚ฌํ•ญ, ํ”„๋กœ์ ํŠธ์˜ ๊ทœ๋ชจ์™€ ๋ณต์žก์„ฑ์— ๋”ฐ๋ผ ๋‹ค์–‘ํ•  ์ˆ˜ ์žˆ๋‹ค. ๊ทธ๋ ‡์ง€๋งŒ ์ผ๋ฐ˜์ ์œผ๋กœ๋Š” ์•„๋ž˜์™€ ๊ฐ™์€ ๊ด€๋ฆฌ ๋ฐฉ๋ฒ•์ด ๋„๋ฆฌ ์‚ฌ์šฉ๋œ๋‹ค.

    *๏ธโƒฃ ๋ธŒ๋žœ์น˜ ์ „๋žต : ์ฃผ๋กœ Git Flow๋‚˜ GitHub Flow์™€ ๊ฐ™์€ ๋ธŒ๋žœ์น˜ ์ „๋žต์„ ์‚ฌ์šฉํ•œ๋‹ค. ์ด๋Š” ๊ฐœ๋ฐœ, ํ…Œ์ŠคํŠธ, ๋ฐฐํฌ๋ฅผ ์œ„ํ•œ ๋‹ค์–‘ํ•œ ๋ธŒ๋žœ์น˜๋ฅผ ๊ตฌ์„ฑํ•˜์—ฌ ๊ธฐ๋Šฅ ๊ฐœ๋ฐœ, ๋ฒ„๊ทธ ์ˆ˜์ •, ๋ฐฐํฌ ๋“ฑ์„ ๋ณ‘๋ ฌ๋กœ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ์‹

    *๏ธโƒฃ ์ด์Šˆ ํŠธ๋ž˜ํ‚น : GitHub์˜ ์ด์Šˆ ๊ธฐ๋Šฅ์„ ํ™œ์šฉํ•˜์—ฌ ๊ธฐ๋Šฅ ์ถ”๊ฐ€, ๋ฒ„๊ทธ ์ˆ˜์ •, ์ž‘์—… ์š”์ฒญ ๋“ฑ์„ ๊ด€๋ฆฌํ•œ๋‹ค. ์ด์Šˆ์—๋Š” ์ œ๋ชฉ, ์„ค๋ช…, ๋ ˆ์ด๋ธ”, ๋งˆ์ผ์Šคํ†ค ๋“ฑ์„ ํ™œ์šฉํ•˜์—ฌ ์ƒ์„ธํ•œ ์ •๋ณด๋ฅผ ๊ธฐ๋กํ•˜๊ณ , ํŒ€์›๊ณผ์˜ ์†Œํ†ต๊ณผ ์ž‘์—… ์ถ”์ ์— ํ™œ์šฉํ•œ๋‹ค.

    *๏ธโƒฃ ์ฝ”๋“œ ๋ฆฌ๋ทฐ : Pull Request๋ฅผ ํ†ตํ•ด ์ฝ”๋“œ ๋ฆฌ๋ทฐ๋ฅผ ์ˆ˜ํ–‰ํ•œ๋‹ค. ํŒ€์›๋“ค์ด ์ž‘์„ฑํ•œ ์ฝ”๋“œ๋ฅผ ์„œ๋กœ ๊ฒ€ํ† ํ•˜๊ณ  ์˜๊ฒฌ์„ ์ฃผ๊ณ ๋ฐ›์œผ๋ฉฐ, ํ’ˆ์งˆ ํ–ฅ์ƒ๊ณผ ๋ฒ„๊ทธ ์˜ˆ๋ฐฉ์„ ์œ„ํ•ด ๋ฆฌ๋ทฐ ๊ณผ์ •์„ ๊ฑฐ์นœ๋‹ค.

    *๏ธโƒฃ ์ž๋™ํ™”์™€ ํ…Œ์ŠคํŠธ : CI/CD ํŒŒ์ดํ”„๋ผ์ธ์„ ๊ตฌ์ถ•ํ•˜์—ฌ ์ฝ”๋“œ์˜ ๋นŒ๋“œ, ํ…Œ์ŠคํŠธ, ๋ฐฐํฌ ๋“ฑ์„ ์ž๋™ํ™”ํ•œ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ๊ฐœ๋ฐœ์ž๋“ค์€ ์ฝ”๋“œ ๋ณ€๊ฒฝ ์‚ฌํ•ญ์ด ์ž๋™์œผ๋กœ ๊ฒ€์ฆ๋˜๊ณ  ๋ฐฐํฌ๋˜๋Š” ๊ณผ์ •์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค.

    *๏ธโƒฃ ํ˜‘์—…๊ณผ ์†Œํ†ต : ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜ ๋„๊ตฌ๋‚˜ ์ด์Šˆ ํŠธ๋ž˜์ปค๋ฅผ ํ™œ์šฉํ•˜์—ฌ ํŒ€์›๋“ค๊ณผ ์†Œํ†ตํ•˜๋ฉฐ, ์ž‘์—… ์ƒํ™ฉ, ๊ณ„ํš, ์ด์Šˆ ๋“ฑ์„ ํˆฌ๋ช…ํ•˜๊ฒŒ ๊ณต์œ ํ•œ๋‹ค. ๋˜ํ•œ, ์ฝ”๋“œ์— ๋Œ€ํ•œ ๋ฌธ์„œํ™”์™€ ์ง€์†์ ์ธ ํ”ผ๋“œ๋ฐฑ ๊ณต์œ ๋ฅผ ํ†ตํ•ด ํŒ€์›๋“ค ๊ฐ„์˜ ์ง€์‹ ๊ณต์œ ๋ฅผ ๋„๋ชจํ•œ๋‹ค.

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

  • ๊นƒ์„ FR๋‚ ๋ฆฌ๋Š” ์‹œ๊ฐ„์€ ์ •ํ•ด์ ธ ์žˆ๋Š”๊ฐ€? ํ•˜๋ฃจ์— ๋ช‡ ๋ฒˆ ์ •๋„ ํ•˜๋Š”๊ฐ€?

    ๊นƒ์„ ํ‘ธ์‹œํ•˜๋Š” ์‹œ๊ฐ„์€ ์กฐ์ง ๋˜๋Š” ํŒ€์˜ ๊ฐœ๋ฐœ ํ”„๋กœ์„ธ์Šค์— ๋”ฐ๋ผ ๋‹ค๋ฅผ ์ˆ˜ ์žˆ๋‹ค. ํŒ€๋งˆ๋‹ค ๋‹ค๋ฅธ ์š”๊ตฌ์‚ฌํ•ญ๊ณผ ๊ฐœ๋ฐœ ๋ฐฉ์‹์ด ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ํ‘ธ์‹œํ•˜๋Š” ์‹œ๊ฐ„์— ๋Œ€ํ•œ ๊ตฌ์ฒด์ ์ธ ๊ทœ์ •์€ ์—†๋‹ค. ์ผ๋ฐ˜์ ์œผ๋กœ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์€ ํŒจํ„ด์ด ์ผ๋ฐ˜์ ์ด๋‹ค.

    *๏ธโƒฃ ์ž‘์—… ์™„๋ฃŒ ํ›„ ํ‘ธ์‹œ : ๊ฐœ๋ฐœ์ž๋Š” ๊ธฐ๋Šฅ ๋˜๋Š” ๋ฒ„๊ทธ ์ˆ˜์ • ๋“ฑ์˜ ์ž‘์—…์„ ์™„๋ฃŒํ•œ ํ›„, ํ•ด๋‹น ์ž‘์—… ๋ธŒ๋žœ์น˜๋ฅผ ์›๊ฒฉ ์ €์žฅ์†Œ์— ํ‘ธ์‹œํ•œ๋‹ค. ์ด๋Š” ์ž‘์—…์ด ์™„๋ฃŒ๋˜์—ˆ์œผ๋ฉฐ ๋‹ค๋ฅธ ํŒ€์›๋“ค๊ณผ ๊ณต์œ ํ•  ์ค€๋น„๊ฐ€ ๋˜์—ˆ์Œ์„ ์˜๋ฏธํ•œ๋‹ค.

    *๏ธโƒฃ ์ฝ”๋“œ ๋ฆฌ๋ทฐ ํ›„ ํ‘ธ์‹œ : Pull Request๋ฅผ ํ†ตํ•ด ์ฝ”๋“œ ๋ฆฌ๋ทฐ๋ฅผ ๋ฐ›์€ ํ›„์— ๋ฆฌ๋ทฐ์–ด์˜ ํ”ผ๋“œ๋ฐฑ์„ ๋ฐ˜์˜ํ•˜์—ฌ ์ž‘์—… ๋ธŒ๋žœ์น˜๋ฅผ ํ‘ธ์‹œํ•œ๋‹ค. ์ด๋Š” ๋ฆฌ๋ทฐ ๊ณผ์ •์„ ๊ฑฐ์ณ ์ฝ”๋“œ ํ’ˆ์งˆ์„ ํ–ฅ์ƒ์‹œํ‚ค๊ณ  ํŒ€์›๋“ค์˜ ๊ฒ€ํ† ๋ฅผ ๋ฐ›์•˜์Œ์„ ์˜๋ฏธํ•œ๋‹ค.

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

โœ ์•Œ๊ฒŒ๋œ ์ 

  • ๊นƒํ—ˆ๋ธŒ ๊ด€๋ฆฌ

๐Ÿ’ซ ๋Š๋‚€์ 

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

0๊ฐœ์˜ ๋Œ“๊ธ€