๐ 2์ฃผ์ฐจ First Project ํ๊ณ ๋ก
๐ 2์ฃผ์ฐจ ์ฒซ ๋ฒ์งธ ํ๋ก์ ํธ์ ์์
ํ์ ๋ชจ๋ "์ฒซ" ํ๋ก์ ํธ ๊ฒฝํ์ด๋ค ๋ณด๋ ๋ฐฐ์ด ๊ฑธ ๋ณต์ตํ๋ฉด ๋๋ค๋ ๊ฐ๋ฒผ์ด ์๊ฐ์ผ๋ก ์ํ๋ค.
๊ทธ๋ฐ๋ฐ ์์ด๋์ด ์ด์ผ๊ธฐ๋ฅผ ํ๋ฉดํ ์๋ก ํฐ ๊ฐ๋ฅ์ด ์กํ๊ณ , ํด๋ผ ์ ์๊ฒ ๋๋ฐ ..? ๋ผ๋ ์ฉ๊ธฐ๊ฐ ์๊ฒผ๋ค.
์คํ ๋ฆฌ ๋ผ์ธ์ ํํํ ์งฐ๊ณ ์ ๋ฌด ๋ถ๋ฐฐ๋ ๊ธฐ๊ฐ์ ๋ง์ถฐ ๊ณํํ๋ค.
๋ชจ๋๋ค ํ ์ ์๋ค๋ ์์ ๊ฐ์ ๋ถํผ ์ฑ ํ๋ก์ ํธ๋ฅผ ์์ํ๋ค.
๐ ์ฐ๋ฆฌํ์ด ์ํ ์
๐ ํํ๋ก์ ํธ์ ์ง์ ์ ์ผ๋ก ๊ด๊ณ์๋ ๋ด์ฉ์ ์ง๋ฌธ์ด๋๋ผ๋ ํ์ ๋ชจ๋๊ฐ ํจ๊ป ๊ณ ๋ฏผํ๋ค.
ํ๋ก์ ํธ๋ฅผ ํ๋ฉด์ ๋ํ์ ์์ฐ์ฑ๊ณผ ์๊ด์์ด, ๋ํ ์์ฒด๋ฅผ ๋ง์ด ํด์ผํ๋ค๋ ๊ฒ์ ๋๊ผ๋ค.
ํ ํ๋ก์ ํธ์์ ๋น ์ง ์ ์๋ "GitHub ๊ด๋ฆฌ" ๋ฅผ ์๋ก ๋ค์ด๋ณด๊ฒ ๋ค.
์ฐ๋ฆฌ ํ์ ๊นํ๋ธ๋ฅผ ๋ํ ์ฃผ์ ๋ก ์ผ์์ ๋,
โ Git commit message ์ ํ์ค์ด ์ ํด์ ธ ์๋ "์ด์ "๋ ๋ฌด์์ธ๊ฐ
โ ํ์คํฌ ์นด๋๋ ์ด๋ค "๊ธฐ์ค"์ผ๋ก ์๊ฒ ํน์ ํฌ๊ฒ ๋๋ ๊ฒ์ธ๊ฐ
โ Git branch ๊ฐ ๋๋๋ฉด์ "์ด๋ค" ์ผ์ด ๋ฐ์ํ๋๊ฐ
๋ฑ, ์ ๋ง ๊ถ๊ธํ ๋ถ๋ถ๋ค์ ๊ฑฐ๋ฆฌ๋์์ด ์ง๋ฌธํ๊ณ ๋ต๋ณํ๋ค.
๋น์์๋ ์ด๋ฐ์ ๋ค๊น์ง ๊ณ ๋ฏผํ ํ์๊ฐ ์๋ ์ถ์์ง๋ง, 2์ฃผ๊ฐ ๋๋๊ณ ๋ณด๋ ํฐ ํ๋ก์ ํธ๋ฅผ ์์ํ๊ธฐ ์ํ ๋ฐ๊ฑฐ๋ฆ์ด ๋์ด ์์๋ค.
๐ ๋งก์ ์ ๋ฌด๊ฐ ๋๋ฌ์ ๋์๋ ๋ค๋ฅธ ํ์์๊ฒ ์งํ ์ํฉ์ ๋ฌป๊ณ ๋๋ ๊ฑธ ๋น์ฐํ๊ฒ ์ฌ๊ฒผ๋ค.
SR ๊ธฐํ๋๋ก ํ๋ฌ๊ฐ๋ฉด ์ข์ผ๋ จ๋ง. ์์์น ๋ชปํ ๋ณ์๋ค์ด ๋ง์๋ค.
์ด๋ "๋์ธ ๊ฒ ์์ผ๋ฉด ๋งํด์ฃผ์ธ์" ๋ผ๋ ๋ง ํ ๋ง๋๊ฐ ํฐ ํ์ด ๋์๋ค.
๋ชจ๋ ์ต์ ์ ๋คํ๊ณ ์๋ค๋ ๊ฑธ ์๊ธฐ ๋๋ฌธ์ ์๋ก ๋๊ฒ ๋ค๋ ๋ง์ด ๋์๋ ๊ฒ ๊ฐ๋ค.
๐ ์ฐ๋ฆฌํ์ด ๊ฐ์ ํ ์
๐ ์ ํด์ง ์๊ฐ์ ๊ณ ๋ คํ์ง ์๊ณ ๋ฌด๋ฆฌํ ๊ณํ์ ์ธ์ ๋ค.
"์ฑ์ ํ์ฅ์ฑ"์ "๊ธฐํ์ ํฌ๊ธฐ"๋ก ์ฐฉ๊ฐํ๋ ๊ฒ ์๋๊น.
๋์ค์ ๋ฆฌํฉํ ๋งํ๋ฉด์ ๊ธฐ๋ฅ์ถ๊ฐํด์ผ์ง !! ๋จ์ํ๊ฒ ์๊ฐํ๋ค. ๋ด๊ฐ ์๋ํ ๋ชฉํ๋ ํด๋ฆฐ ์ฝ๋์๋๋ฐ ๋ง์ด์ง ..
๊ทธ๋ฐ๋ฐ ์ ์ฒด ๊ทธ๋ฆผ์ด ํฌ๋ค๋ณด๋ ์ ์ ๋ถ๋ด์ผ๋ก ๋ค๊ฐ์์ ์กฐ๊ธํจ์ ํญ์ ๊ฐ์ง ์ฑ ์ฝ๋๋ฅผ ์งฐ์๋ค. ๐
์๋ฒฝํ ๊ธฐ๋ฅ ํ๋ ๊ตฌํํด๋ด๋ ๊ฒ ์ค์ํ๋ค ...!!!! ์์ฌ๋ถ๋ฆฌ์ง๋ง๊ณ ์ฝ๋์ ์ง์ ์๊ฐํ์ !!!!
๐ ์ฒด๋ ฅ์ ๊ด๋ฆฌํ๋ ๋ฃจํด์ ์งํค์ง ๋ชปํ๋ค.
4์ฃผ ํ๋ก์ ํธ ๋ค์ด๊ฐ๊ธฐ ์ ์ ๋ฌด๋ฆฌํ์ง ๋ง๋ผ๋ ์ ๋ฐฐ๋ค์ ์กฐ์ธ์ ๋ง์ด ๋ค์๋ค. ใ
ใ
๊ทธ๊ฒ ๋ง์๋๋ก ๋๋์ ..
๋ฏธ๋ฆฌ ์ฒด๋ ฅ์ด ๋ฐฉ์ ๋๋ ๊ฑธ ๋ฐฉ์งํ๊ธฐ ์ํด ์ ๋ ์๊ฐ ์ดํ์ 1์๊ฐ์ ์ฒด๋ ฅ ๊ด๋ฆฌ ์๊ฐ์ผ๋ก ๋นผ๋จ์๋ค.
๊ทธ๋ฐ๋ฐ ๋ค๋ค ํด๊ฒฐ๋์ง ์๋ ๋ฌธ์ ๋ฅผ ๊ณ ๋ฏผํ๋๋ผ ์ด ์๊ฐ์ ์จ์ ํ๊ฒ ์ฑ์ฐ์ง ๋ชปํ๋ค ใ
๊ฒ๋ค๊ฐ ๋๋ ํ์๋ค์๊ฒ ์ฒด๋ ฅ ๊ด๋ฆฌ๋ก ์ผ๊ด๋ ํผ๋๋ฐฑ์ ๋ฐ์๋ค ... ์์ ๊ฒฝ๊ณ ์ฅ ๐งจ
๊ฐ์ธ์ ์ธ ๋ง์กฑ๋๋ฅผ ์ฑ์ฐ๋ ค๊ณ ํ์๋ค์๊ฒ๊น์ง ๋ฐค์์ ๊ฐ์ํ์ง ์์๋๋ฐ ๊ทธ๋ฐ ๋ด๊ฐ ์์ฐ๋ฌ์ ๋๋ณด๋ค
์ค๋ ๋ด์ผ๋ง ํ๊ณ ๋ง ๊ฑฐ ์๋๋ ์ฒด๋ ฅ๊ด๋ฆฌ ํ๋ผ๋ ํ์๋ค์ ์ถฉ๊ณ ๊ฐ ๊ณ ๋ง์ ๋ค ใ ๊ฐ์ฌํฉ๋๋ค !
๐ ๊ฐ์ธ์ ์ธ ํ๊ณ
๐ ๋ชจ๋์ ์ฝ๋ฉ ์ค๋ ฅ์ ๋ค๋ฅด๋ค. ์ฝ๋์์ ๋น์ฐํ ๊ฑด ์๋ค.
ํ๋ก์ ํธ ๊ธฐํ์ ์์ ๊ฐ๊ณผํ ์ฌ์ค์ด ์์๋ค. ๋ฐ๋ก ์๋ก์ ์ฝ๋ฉ ์ค๋ ฅ์ ๋ชจ๋ฅธ๋ค๋ ์ ์ด์๋ค.
"ํ ์ ์์ ๊ฒ ๊ฐ๋ค"์ "ํ ์ ์๋ค"๋ ์์ฐํ ๋ค๋ฅธ๋ฐ, ์ค๊ฐ ์ง์ ์ ์ฐพ์ง ์๊ณ ์์ํ๋ ๊ฒ ํ๊ทผ์ด ๋์๋ค.
์ค์ค๋ก์ ์ค๋ ฅ์ ๊ฐ๊ด์ ์ผ๋ก ํ์ ํ๋ ๊ฒ๋ ๊ฐ๋ฐ์๋ก์ ์ค์ํ ๋ฅ๋ ฅ์์ ๊นจ๋ฌ์๋ค.
๋ ์๋กญ๊ฒ ์ ์ฌ์ค ์ค ํ๋๋, ๋ ์ค์ค๋ก '์น์ด๋ผ๋ฉด ๋น์ฐํ ์ด๋์ผ์ง' ๋ฆฌ์คํธ๋ฅผ ์ ํด ๋๊ณ ์์๋ค.
โ x์ถ ์ค์์ ๋ ฌ์ ๋์ด์์ด์ผ์ง.
โ ๋ฐ์ํ์ ์ํด์๋ vw, vh ์์ฑ์ ํ์ฉํด์ผ์ง.
โ margin ๊ณผ padding ์ ์ต๋ํ ์ง์ํด์ผ์ง.
....
๋ฑ๋ฑ ํผ์ ์ ํด๋๊ณ , ํ์๊ณผ ์ํตํ ๋ ์ง์ผ์ง์ง ์์ ํญ๋ชฉ์ด ์์ผ๋ฉด ๋ต๋ตํดํ๋ค.
๋์๊ฒ ๋น์ฐํ ๊ฒ๋ค์ด ์๋ฏ ์๋๋ฐฉ์๊ฒ๋ ๋น์ฐํ ํญ๋ชฉ๋ค์ด ์๋ค๊ณ ์๊ฐํ๋
๋ํ๋ฅผ ๋ ์์ฃผ, ๋ ๋๊ฒ ํ๊ฒ๋์๊ณ ์ปค๋ฎค๋์ผ์ด์ ์์ ์ค๋ฅ๊ฐ ํจ์ฌ ์ค์ด๋ค์๋ค.
๐ฉ๐ป๐ฆฐ : ์ ๋ css์์ margin๊ณผ padding์ผ๋ก ๋ ์ด์์์ ์ก๋ ๊ฑด ์ง์ํ๋ ํธ์ธ๋ฐ ์ด๋ป๊ฒ ์๊ฐํ์๋์ ?
๐ง๐ป : ์, %๋ em๊ฐ์ ์๋์ ์ธ ๋จ์๊ฐ ์์ผ๋ ๊ด์ฐฎ์ง ์์๊น์ ?
๐ฉ๐ป๐ฆฐ : ์๋์ ์ธ ๋จ์๋ก ๋ ์ด์์์ ์กฐ์ ํ๊ณ ์ถ์ผ์ ๊ฑฐ๋ผ๋ฉด vw๋ vh ๊ฐ์ด ์ฌ์ฉ์๊ฐ ๋ณด๋ ํ๋ฉด์ ๋น์จ์ ๋ฐ๋ผ ๊ฐ์ ์ง์ ํด์ค๊น์ ? %์ em ๋ชจ๋ ๋ถ๋ชจ ์๋ฆฌ๋จผํธ์ ์์ฑ์ ์ํฅ์ ๋ฐ์์์ !
๐ง๐ป : ๊ทธ๋ผ ๋ถ๋ชจ ์๋ฆฌ๋จผํธ์ 100vw, 100vh ์์ฑ์ ์ฃผ๊ณ ์์ ์๋ฆฌ๋จผํธ์๋ ์๋์ ์ธ ๋น์จ๋ก ์กฐ์ ํ๋ฉด ๋ ๊น์ ?
๐ฉ๐ป๐ฆฐ : ๊ทธ ๋ฐฉ๋ฒ์ด ํธํ์๋ค๋ฉด ๊ทธ๋ ๊ฒ ํ์ ๋ ๋ฉ๋๋ค ! ๋ง์ฝ ์ค์์ ๋ ฌ์ ํ์๊ฑฐ๋ ์ํ๋ ์๋ฆฌ๊ฐ ์์ผ์๋ค๋ฉด flex๋ position ๊ฐ์ ์์ฑ๋ค ์ฐพ์๋ณด์๋ฉด ์ข์ ๊ฒ ๊ฐ์์ : )
๋ค์๋ฒ์ ๊ธฐํ ๋จ๊ณ์์ ํ๋กํ ํ์ ์ ์งค ๋
๊ฐ์ ๊ณ ์ํ๋ css ์ฝ๋ ๋ฐฉ์์ด๋ html ๊ตฌ์กฐ ๋ฑ์ ๊ณต์ ํ๋ ์๊ฐ์ ๊ฐ์ง๋ฉด ์ข์ ๊ฒ ๊ฐ๋ค.
๐ ํ๋ก์ ํธ์ ์ง์ฒ๋๋ฅผ ๊ฐ๊ด์ ์ผ๋ก ํ์ธํ ์ ์๋ issue ํญ์ ์์ฃผ ๋ณด์. ๋ด๊ฒ๋ง ๋ณด์ง ๋ง๊ณ !!
ํ๋ก์ ํธ์ ์์ git flow ์์, git cli ์์ ๋ฑ์ ๋ณด๋ฉฐ git์ ํ์ตํ๋ค.
ํผ์ Today I Learned repository๋ฅผ ์ด์ํ๋ฉด์ ๋๋ฑ์ด๊ธดํ์ด๋ ํ์ด ๊ฐ์ด ํ๋์ repository๋ฅผ ์ฌ์ฉํ๋ ๊ฑด ์ฒ์์ด์๋ค.
๋ธ๋์น๋ฅผ ๋๋๋ ๊ฒ๋ ์ฒ์, ํ์คํธ ์นด๋๋ฅผ ์ฐ๋ ๊ฒ๋ ์ฒ์, pull request๋ฅผ ๋ณด๋ด๊ณ merge ํ๋ ๊ฒ๋ ์ฒ์์ด์๋ค.
ํน์ฌ๋ ๋ธ๋์น๊ฐ ๋ง๊ฐ์ ธ ๋ค๋ฅธ ํ์์๊ฒ ํผํด๊ฐ ๊ฐ๊น
โ branch ๋๋๊ธฐ - task card ์ ๊ธฐ - ์ฝ๋ ์์ฑ - pull request ๋ณด๋ด๊ธฐ - merge ํ๊ธฐ - pull ๋ฐ๊ธฐ
์ด ๊ณผ์ ์ ๊ต๊ณผ์ ์ฒ๋ผ ์ง์ผฐ๋ ๊ฒ ๊ฐ๋ค.
๊ทธ๋์์ธ์ง ํ์คํฌ ์นด๋๋ "์๋ฌด์ ์ผ๋ก ์์ฑ"๋งํ๊ณ ํ๋ก์ ํธ ์งํ๋ฅ ์ ํ์ ํ๋๋ฐ์ ์ฐ์ง ๋ชปํ๋ค.
๋๋๊ณ ๋ณด๋ ๋๋ฌด ๊ฐ๋ ์ ์ผ๋ก ๋๋ ๋์ ์ธ์ ์ด ์ผ์ด ์์๋๊ณ ๋๋ฌ๋์ง, ๋ ์ผ๋ง๋ ๊ฑธ๋ ธ๋์ง ํ์ ํ๊ธฐ ์ด๋ ค์ ๋ค.
git issue ํญ์ ๋ณด๋ฉด์ ํํ์ด ๊ฐ๋ฅํ ์ํ์ฌ์ผ ํ๋๋ฐ
๋ค๋ฅธ ํ์์ด ๋ฌด์จ์ผ์ ํ๋ ์ง์ ๋ฌผ์ด๋ณด๋ ํํ๊ฐ ๋ง์๊ธฐ์ ์ด๋ฐ ๋ถ๋ถ์์ ์ผ์ ํจ์จ์ด ๋จ์ด์ง์ง ์์๋ ์ถ๋ค.
๋ณธ์ธ ์ผ์ ํ๋ฆ์ ํฌ๊ฒํฌ๊ฒ ์ก์๋๋ (ex.1์ฃผ/3์ผ ๋จ์๋ก)
ํ์คํฌ ์นด๋๋ ์๊ฒ ๋๋ ์ ์ํฉ์ ๋ง๊ฒ ์จ์ผํ๋ค๋ ๊ฒ์ ๊นจ๋ฌ์๋ค.
-> ํ์์ด ๋ด ํ์คํฌ ์นด๋๋ฅผ ๋ณด๊ณ ์งํ ์ํฉ์ ํ์ ํ ์ ์๊ฒ !!!
"ํ์คํฌ ์นด๋๋ฅผ ์๊ฒ ๋๋๋ค๋ ์๋ฏธ ์์ฒด๊ฐ ๋ณธ์ธ์ ์ญ๋๊ณผ ์ํ๋๋ฅผ ์ ํ์ ํ๊ณ ์๋ค๋ ๋ป"์ด๊ธฐ ๋๋ฌธ์ ๋ ํฌ๊ฒ ๋ค๊ฐ์๋ค. (์กฐ๊ธ์ ๋ณ๋ช ์ ํด๋ณด์๋ฉด ์ธ์ ์ฒซ ๊ฐ๋ฐ ํํ์ด๋ผ ๋ด๊ฐ ์ด ์ผ์ ์ผ๋ง๋ ๋น ๋ฅด๊ณ ๋ฐ๋ฅด๊ฒ ์ฒ๋ฆฌํ ์ ์๋์ง ๋ชฐ๋ ...)
๊ทธ๋ฆฌ๊ณ ์ถ๊ฐ์ ์ธ ์ ๋ฌด๊ฐ ์๊ธฐ๋ฉด ๋ฐ๋ก๋ฐ๋ก ํ์คํฌ ์นด๋๋ฅผ ์์ฑํด์ ๋ฐ์ํ์ !!
์ฌ์ค ์ด ์์ ์ ๊ฝค๋ ๋ฒ๊ฑฐ๋กญ๋ค. ์ฝ๋ ์์ฑํ๊ธฐ๋ ๋ฐ์๋ฐ ํด์ผ ๋ ์ผ์ ์์์ ๋ง์ถฐ to do list๋ฅผ ์์ฑํด์ผํ๋ค๋ ใ
๊ทธ์น๋ง ์ฝ๋๋ฅผ ์ง๊ธฐ ์ ๋ด๊ฐ ํด์ผํ ์ผ๋ค์ ํ๋ฒ ๋ ํ์ธํ ์ ์์๊ณ ํ๋ฃจ์ ๋ชฉํ๊ฐ ๋ช ํํด์ง๋ ๋๋์ ๋ฐ์๋ค.
๊ณต๋ถ ์์ํ๊ธฐ ์ ์ ๋ค์ด์ด๋ฆฌ์ "์ค๋ ํด์ผ๋ ์ผ" ์ฒดํฌ๋ฆฌ์คํธ๋ฅผ ๋ง๋ค์ด ๋๋ ๋๋์ด๋๊น.
๊ทธ๋๋ hotfix ๋จ๊ธธ๋ ํ์คํฌ ์นด๋ ์ฐ๋ ๊ฑด ๋๋ฌด๋๋ฌด ๋ฒ๊ฑฐ๋กญ๋ค ....
๋ค์๋ฒ ํํ์๋ ํ์๋ค๋ผ๋ฆฌ ํ์คํฌ ์นด๋๋ฅผ ๊ผผ๊ผผํ ๋๋ ์ ์งํํด๋ณด๊ณ ์ถ๋ค !!
'Dev-diary > ํ๊ณ ๋ก' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
22.01.26 ์ฝ๋์คํ ์ด์ธ 4์ฃผ์ฐจ Final Project ํ๊ณ ๋ก (1) | 2022.01.28 |
---|---|
21.08.20 ์ฝ๋์คํ ์ด์ธ SECTION 1 ๊ธฐ๋ก (0) | 2021.08.20 |
21.08.11 ์ฝ๋์คํ ์ด์ธ SEB ๋๋ํด๋ฝ ํ๊ธฐ (0) | 2021.08.12 |
๋๊ธ