๊ธฐ์ ๋ธ๋ก๊ทธ๋ฅผ ์์ํ๋ฉด์ ๋งค์ผ TIL๋ ์์ฑํ๋๊ฒ์ ์์ํ๋ ค๊ณ ํ๋ค!
์ฌ์ค ์์ ๋ถํฐ ๊ธฐ์ ๋ธ๋ก๊ทธ์ ์ค์์ฑ์ ๋ฃ๊ณ ์ด์ ํด์ผ ๋๊ฒ ๋ค๊ณ ์๊ฐ์ ํ์๋๋ฐ ๋ค๋ฅธ ๊ณต๋ถํด์ผํ ๊ฒ๋ ๋ง์๋ฐ ๊ตณ์ด ์ด๋ฐ๊ฑฐ์ ์ ๊ฒฝ์ ์จ์ผํ๋? ์ด๋ฐ ์ด์ ๋ก ๋ฏธ๋ค์๋ค.
๊ทธ๋ฌ๋ ์ค ํ๋ก ํธ์๋ ๋ถํธ์บ ํ๋ฅผ ์์๋๋ฐ ์ด๊ฑธ ๊ณ๊ธฐ๋ก ๋งค์ผ ๋ด๊ฐ ๋ฌด์์ ๊ณต๋ถํ๋์ง๋ฅผ ๊ธฐ๋ก์ผ๋ก ๋จ๊ธฐ๊ณ ์์ฃผ ํ ๋์ค์ ์ด๋ ๊ฒ ์ด์ฌํ ๊ณต๋ถํ๊ตฌ๋~๋ฅผ ๋๋ผ๊ธฐ ์ํด ํ๊ณ ๋์ง ์๊ณ ์ ์ด์ํด ๊ฐ๋ณด๋ ค๊ณ ํ๋ค.
๊ตฌ์์ด๋ผ ๊ทธ๋ฐ์ง ์ง์ ์ฐ๋ฉด์ ๊ณต๋ถํ๋ ์ต๊ด์ ๊ฐ์ง๊ณ ์๋ค...ใ
ใ
์์ ์๋ ๊ณต์ฑ
์ ์ง๊ธ์ ์์ดํจ๋์ ์์ฑ์ ํ๋๋ฐ, ์ด๋ฌ๋ค๋ณด๋ ์๋ ์ํ๊ณ ์๋๋ ๋๋์ง๋๊ฑฐ ๊ฐ๋ค๊ณ ๋๊ผ๋ค.. ํนํ ํ๊ธฐํ ์์ด ๋ง์์ง์๋ก ์ํ๋ ํค์๋์ ๋ํ ๋ด์ฉ์ ์ฐพ๊ธฐ๋ ์ ์ ํ๋ค์ด์ ธ์ ์ด์ ๋ผ๋ ๋นจ๋ฆฌ ๊ธฐ์ ๋ธ๋ก๊ทธ์ ๊ณต๋ถํ ๋ด์ฉ๋ค์ ๊ธฐ๋กํ๋ ์ต๊ด์ ๊ฐ์ง๋ ค๊ณ ํ๋ค.
๊ทธ๋ฆฌ๊ณ ์ง๊ธ๊น์ง ๊ฐ๋ฐ๊ณต๋ถ๋ฅผ ํ๋ฉด์ ๊ตฌ๊ธ๋ง์ ๋ง์ด ํ๋๋ฐ ๋ชจ๋ฅด๋ ๊ฐ๋
์ด ๋ด๊ธด ์ฌ์ดํธ๋ฅผ ๋ฐฉ๋ฌธํ๊ณ ๋ช๋ฒ ์ฝ์ด๋ณธ ํ ๊ธฐ์ต ์๋ ๋๋ง๋ค ํ์ธํด์ผ์ง! ์ด๋ฐ ์๊ฐ์ผ๋ก ๋ง๊ตฌ์ก์ด ๋ถ๋งํฌ๋ฅผ ํ๋ค๋ณด๋ ๋ถ๋งํฌ ๋ฐ๋ ๋ ์ ์ก๊ณ ์ ๋ฆฌ๋ฅผ ํด์ค์ผํ ์ง๊ฒฝ์ด ๋์๋ค๐
์์ผ๋ก๋ ์ด๋ฐ ์ผ์ ๋ฐฉ์งํ๊ธฐ ์ํด์ ๋ธ๋ก๊ทธ์ ๋ฌธ์ ์ํฉ๊ณผ ํด๊ฒฐ๋ฐฉ๋ฒ๋ค ์ ๋ถ ๊ธฐ๋ก์ ํ๋ ค๊ณ ํ๋ค!
์ด๋ฒ์ฃผ ๋ด๋ด git/github ๊ฐ์๋ฅผ ์๊ฐ์ค์ธ๋ฐ ๊ฐ์ฌ๋ ์ค๋ช
์ ๋ค์๋๋ ์ดํด๊ฐ ๊ฐ๋๋ฐ ๋ง์ ํผ์ ๋ค์ ํ๋ ค๊ณ ํ๋ฉด ๋๋ฌด ์ด๋ ต๋ค. ๊ฐ์ฅ ๋ฌธ์ ๋ผ๊ณ ์๊ฐ๋๋ ๋ถ๋ถ์ ์ํ๋ ๋์์ ํ๊ธฐ์ํด์๋ ์ด๋ค ๋ช
๋ น์ด๋ฅผ ์จ์ผํ๋์ง๋ ์๊ฒ ๋๋ฐ ์ ๊ทธ ๋ช
๋ น์ด๋ฅผ ์ฌ์ฉํ๋์ง์ ๋ํด์๋ ์์ง๋ ์์๊ฐ๋ ์ค์ด๋ค..ใ
ใ
์ค๋์ git flow strategy์ ๋ํด์ ๋ฐฐ์ ๋๋ฐ ๋น์ฅ ๋ด์ผ ์ค๋ ๋ฐฐ์ด๋ด์ฉ ํ ๋๋ก ํ ๊ณผ์ ๋ฅผ ์ ํด๋ผ ์ ์๋์ง ๊ฑฑ์ ์ด๋๋ค. ๊ทธ๋๋ ์ง์ ํด๋ณด๋ฉด ์ดํดํ๊ธฐ ์ฌ์์ง๋๊น ๋ด์ผ์ ์ค๋๋ณด๋ค ๋ ์ ์ดํดํ ๋ด๊ฐ ๋ ์ ์์๊ฑฐ๋ผ๊ณ ์๊ฐํ๋คโ ์ด๋ ๊ฒ๋ผ๋ ์๊ฐ์ํ๋ฉด ๋ฉ๋ถ์ฌ๊ฑฐ๊ฐ์ผ๋๊นใ
ใ
ใ
CSS Flex๋ ํด๋ก ์ฝ๋ฉ์ ํ ๋ ๋ฌธ์ ์์ด ์ ๋ค๋ค์ด์ ๋๋ฆ ๋ง์คํฐํ๋ค๊ณ ์๊ฐํ๋๋ฐ ์ ์ฌ์ฉํ์ง ์์๋ ์์ฑ๋ค์ ์ด์ฉํด๋ณด๋ ค๊ณ ํ๋๊น ๋ฉ๋ถ์ด ์๋ค๐ฑ
ํนํ Flex Items์์ ์ฌ์ฉํ ์ ์๋ ์์ฑ์ค์ flex-grow
, flex-shrink
๋ ๋ณผ๋๋ง๋ค ๊น๋จน๋๊ฑฐ ๊ฐ์์ ์์ ๋ธ๋ก๊ทธ์ ์ ๋ฆฌํด๋ณด์๋ค. ์์ผ๋ก ์ด์ฒ๋ผ ์ ๋ชจ๋ฅด๋ ๋ด์ฉ๋ค์ ์์ ์ ํจ๊ป ํฌ์คํ
์ ํ๋ ค๊ณ ํ๋คโ