์ค๋์ Git์ ๋ํ ๋๋จธ์ง ํ์ต๋ค๊ณผ, CSS์ ๊ฝ์ด๋ผ๊ณ ์๊ฐํ๋ flexbox์ ๋ํด ํ์ตํ์์ต๋๋ค.
branch:
๋ธ๋์น๋ ๋ชจ๋ ์ปค๋ฐ,์ค๋ ์ท, ์์ ํ๊ณ ์๋ ๋ค์ํ ๋ธ๋์น๋ฅผ ๋ด๊ณ ์๋ ์ผ์ข ์ ํด๋๋ก์จ, ๋ธ๋์น๋ฅผ ํตํด ๊ฐ๋ฐ ์์ ์ ๋ถ๋ฆฌํ๊ณ ๊ด๋ฆฌํ ์ ์๋๋ก ๋์์ค๋๋ค.
$git branch : ํ์ฌ ๋ธ๋์น
$git checkout ๋ธ๋์น๋ช
: ๋ธ๋์น ์ด๋
$git branch -D ๋ธ๋์น๋ช
: ๋ธ๋์น ์ญ์
github์์ repository๋ฅผ ์์ฑํ๋ฉด, ๋ค์๊ณผ ๊ฐ์ ํ๋ฉด์ด ๋ํ๋๋ค.
add: ๊ด๋ฆฌ ๋์ ๋ฑ๋ก & ์ ์ฅ์ ์ฐ๊ฒฐ
์์ ์ฌํญ, ํ์ผ ๋ฐ ํด๋๋ฅผ ์คํ ์ด์ง ์์ญ์ผ๋ก ์ฎ๊ธฐ๋๋ก ํด์ค๋ค.
git์ด ์ ์ฉํ๊ณ ์ ํ๋ ํ์ผ, ์์ ์ฌํญ๋ค์ ์ ์ฉํ๊ณ ์ํ๋ ๋ค์ ์ปค๋ฐ์ ์ธ์งํ๋๋ก ๋๋๋ค.
$git add .
$git remote add origin -URL
-๋ณ๊ฒฝํ ํ์ผ ๋ชฉ๋ก ์ค ์คํ ์ด์ง์ ์ฌ๋ฆฌ๊ธฐ ์ํ๋ ํ์ผ์ ์ ํํ๋ค.
-๋ก์ปฌ ์ ์ฅ์์ ์๊ฒฉ ์ ์ฅ์(repository) ์ฌ์ด์ ์ฐ๊ฒฐ์ ์์ฑํ๋ค. orgin์ ์๊ฒฉ์ ์ฅ์ (=URL)์ ์๋ฏธํ๋ค.
Commit: ๋ฒ์ ์์ฑ
๊ฐ๊ณ ์ํ๋ ์ฝ๋์ ์ค๋ ์ท. ์ํ๋ค๋ฉด ์ธ์ ๋ ์ํ๋ ์ ์ฅ์๋ก ๋์๊ฐ ์์๋ค.
commit ๊ท์น
- feat : ์๋ก์ด ๊ธฐ๋ฅ ์ถ๊ฐ
- fix : ๋ฒ๊ทธ ์์ , ์ฝ๊ฐ์ ์์ ์ฌํญ์ด ์์ ๋
- docs : ๋ฌธ์ ์์
- style : ์ฝ๋ ํฌ๋งท, ์ธ๋ฏธ์ฝ๋ก ๋๋ฝ, ์ฝ๋ ๋ณ๊ฒฝ์ด ์๋ ๊ฒฝ์ฐ
- refactor : ์ฝ๋ ๋ฆฌํฉํ ๋ง
- test : ํ
์คํธ ์ฝ๋, ๋ฆฌํฉํ ๋ง ํ
์คํธ ์ฝ๋ ์ถ๊ฐ
- chore : ๋น๋ ์
๋ฌด ์์ , ํจํค์ง ๋งค๋์ ์์
- ci : CI ์ค์ ํ์ผ ์์
- perf : ์ฑ๋ฅ ๊ฐ์
- chore : ์์ํ ์์ ์ด๋ ๋น๋ ์
๋ฐ์ดํธ
- rename : ํ์ผ ํน์ ํด๋๋ช
์ ์์ ๋ง ํ ๊ฒฝ์ฐ
- remove : ํ์ผ์ ์ญ์ ๋ง ํ ๊ฒฝ์ฐ
์ ๋ฒ ๋ฉํ ๋ง ์๊ฐ์ ์ง์์๋ต ์๊ฐ์ commit์ ๊ธฐ์ค์ ๋ํ ์ง์์๋ต์ด ์์๋ค. ๋ฉํ ๋์ ๋ณดํต ํ๋์ ์์ ์ ๋ชฉํ๋ก, ์์ ๋ง์ ๊ธฐ์ค(์์ ์ ๋จ์)๋ก ์ํํ๋ฉฐ, ํ์ ํ ๋ ๋จผ์ ํ์๋ฅผ ํตํด ๊ฒฐ์ ํ๋ค๊ณ ํ์ จ๋ค.
Commit ๋ณต๊ตฌ
$git revert <๋๋๋ฆฌ๊ณ ์ถ์ ์ปค๋ฐ ์ด๋ฆ>
git revert๋ ์ปค๋ฐ์ ์ญ์ ํ์ง ์๊ณ , ์ด์ ๋ณ๊ฒฝ ๋ด์ฉ์ ์ทจ์ํ๋ ์๋ก์ด ์ปค๋ฐ์ ๋ง๋ญ๋๋ค.
์ด๋ ๊ธฐ์กด์ ํ์คํ ๋ฆฌ๋ฅผ ๋ณ๊ฒฝํ์ง ์์ผ๋ฉด์๋ ํน์ ์ปค๋ฐ์ ์ํฅ์ ์ทจ์ํ๊ณ ์ ํ ๋ ์ ์ฉํฉ๋๋ค.
$git reset --soft HEAD~1
--soft: ์ปค๋ฐ๋์ง ์์ ๋ณ๊ฒฝ์ฌํญ์ด ์์ค๋์ง ์๋๊ฒ์ ์๋ฏธ
--hard: ๊ฐ์ฅ ์ต๊ทผ ์ปค๋ฐ์ผ๋ก ๋๋๋ฆฌ๊ณ ๋ชจ๋ ์์ ์ฌํญ๋ค์ repository, ์คํ ์ด์ง ์์ญ์์๋ ์ญ์ ๋๋ค.
Status: ์ํ ํ์ธ
1) Untracked(๊ด๋ฆฌ ๋์ X) : ํ์ผ ์์ฑ ํ ํ๋ฒ๋ `git add`ํ์ง ์์ ์ํ
2) Tracked(๊ด๋ฆฌ ๋์) : git์ด ๊ด๋ฆฌํ๋ ํ์ผ
- `Unmodified` : ์ต๊ทผ์ ์ปค๋ฐ๊ณผ ๋น๊ตํ์ ๋ ๋ฐ๋ ๋ด์ฉ์ด ์๋ ์ํ
- `Modified` : ์ต๊ทผ ์ปค๋ฐ๊ณผ ๋น๊ตํ์ ๋ ๋ฐ๋ ๋ด์ฉ์ด ์๋ ์ํ
- `Staged` : ํ์ผ์ด ์์ ๋๊ณ ๋์ ์คํ
์ด์ง ๊ณต๊ฐ์ ์ฌ๋ผ์ ์๋ ์ํ์ด๋ฉฐ, `git add` ํ์ ์ํ
pull
$ git pull origin main
์๊ฒฉ ์ ์ฅ์์ ์ ๋ฐ์ดํธ ๋ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ค๊ณ ๋ณํฉํ ๋ ์ฌ์ฉํ๋ค. ์ฃผ๋ก ์์ ์ค์ธ ๋ธ๋์น๋ฅผ ์ต์ ์ํ๋ก ์ ์งํ๊ธฐ ์ํด ์ฌ์ฉํ๋ค๊ณ ํ๋ค.
Clone
$ git clone https://github.com/
์กด์ฌํ๋ ์๊ฒฉ ์ ์ฅ์์ ์ฝํ ์ธ ๋ฅผ ๋ก์ปฌ ์ ์ฅ์์ ๋ณต์ ํ๋ค. git ์ด๊ธฐํ๋ฅผ ์ํด๋ ํด๋ก ๋๋ถ์ ๊ถํ ๊ฐ๋ฅํ๋ค.
๐git clone์ ์๋ก์ด ํ๋ก์ ํธ๋ฅผ ์์ํ๊ฑฐ๋ ์ ์ฅ์๋ฅผ ์ฒ์์ผ๋ก ๊ฐ์ ธ์ฌ ๋ ์ฌ์ฉ๋๋ฉฐ,
git pull์ ์ด๋ฏธ ํด๋ก ํ ์ ์ฅ์์์ ์์ ์ค์ธ ๋ธ๋์น๋ฅผ ์ต์ ์ผ๋ก ์ ๋ฐ์ดํธํ ๋ ์ฌ์ฉ๋ฉ๋๋ค.
์ฐธ๊ณ https://velog.io/@skh9797/%EA%B9%83%ED%97%88%EB%B8%8C-%EC%A0%95%EB%A6%AC
Fork
๋ค๋ฅธ ์ฌ์ฉ์์ ์ ์ฅ์(Repository)๋ฅผ ์์ ์ ๊ณ์ ์ผ๋ก ๋ณต์ ํ๋ค. Fork๋ฅผ ํตํด ์์ฑ๋ ์ ์ฅ์๋ ์๋ณธ ์ ์ฅ์์๋ ๋ณ๋๋ก ๊ด๋ฆฌ๋๋ฉฐ, ๊ฐ๋ฐ์๋ forkํ ์ ์ฅ์์์ ๋ณ๊ฒฝ์ ๊ฐํ ์ ์์ต๋๋ค. ์ดํ ๋ณ๊ฒฝ์ฌํญ์ ๋ฐ์ํ๊ฑฐ๋ ๊ธฐ์ฌ๋ฅผ ํ๊ณ ์ ํ ๋, ์ด๋ฅผ ์๋ณธ ์ ์ฅ์์ ๋ฐ์ํ๋ Pull Request๋ฅผ ์์ฑํ ์ ์์ต๋๋ค.
fork์ clone์ ์ฐจ์ด์
forkํ ์ ์ฅ์๋ ์๋ณธ(๋ค๋ฅธ ์ฌ๋์ github repository)์ ์ฐ๊ฒฐ๋์ด ์๋ค. ์ฌ๊ธฐ์ ์ฐ๊ฒฐ ๋์ด ์๋ค๋ ์๋ฏธ๋ original repository์ ์ด๋ค ๋ณํ๊ฐ ์๊ธฐ๋ฉด(์๋ก์ด commit) ์ด๋ ๊ทธ๋๋ก forked๋ repository๋ก ๋ฐ์ํ ์ ์๋ค. ์ด ๋ fetch๋ rebase์ ๊ณผ์ ์ด ํ์ํ๋ค.
๊ทธ ํ original repository์ ๋ณ๊ฒฝ ์ฌํญ์ ์ ์ฉํ๊ณ ์ถ์ผ๋ฉด ํด๋น ์ ์ฅ์์ pull request๋ฅผ ํด์ผํ๋ค. pull request๊ฐ original repository์ ๊ด๋ฆฌ์๋ก ๋ถํฐ ์น์ธ ๋์์ผ๋ฉด ๋ด๊ฐ ๋ง๋ ์ฝ๋๊ฐ commit, merge๋์ด original ์ ๋ฐ์๋๋ค. pull request ํ๊ธฐ ์ ๊น์ง๋ ๋ด github์ ์๋ forked repository์๋ง change๊ฐ ์ ์ฉ๋๋ค.
clone์ ํน์ repository๋ฅผ ๋ด local์ ๋ณต์ฌํ์ฌ ์๋ก์ด ์ ์ฅ์๋ฅผ ๋ง๋ ๋ค. cloneํ ์๋ณธ repository๋ฅผ remote ์ ์ฅ์ `origin`์ผ๋ก ๊ฐ์ง๊ณ ์๋ค. ๊ถํ์ด ์๋ ๊ฒฝ์ฐ ํด๋น ์ ์ฅ์๋ก push ํ์ง ๋ชปํ๋ค.
๋ํ ๊ธฐ์กด์ ์ ์ผ ์ฒ์ original repository์ ์ฐ๊ฒฐ๋์ง ๋ชปํ๋ค. ์ฆ ์ ์ฅ์์ commit, ๋ฑ์ ๋ก๊ทธ๋ฅผ ๋ณด์ง ๋ชปํ๋ค.
CSS Flexbox
๋ถ๋ชจ ์์: Flex Container
์์ ์์: Flex Item
์ปจํ ์ด๋์ flex ์ค์ ์ ํด์ฃผ์ด, ์ด๊ณณ์ด flex์ ์ํฅ์ ๋ฐ์ ์์ฑ์ ๋ฐ๋ผ ๊ฐ๊ฐ์ ์์ดํ ๋ค์ด ์ค์ ๋ ํํ๋ก ๋ฐฐ์น๊ฐ ๋๋ค.
container ์์ฑ
.container {
display: flex;
}
๋ฉ์ธ์ถ(Main Axis) : ์์ดํ ๋ค์ด ๋ฐฐ์น๋ ๋ฐฉํฅ์ ์ถ
๊ต์ฐจ์ถ(Cross Axis) : ๋ฉ์ธ์ถ๊ณผ ์์ง์ธ ์ถ
flex-direction : ์์ดํ ์ ๋ฐฐ์น ๋ฐฉํฅ์ ๊ฒฐ์ ํ๋ ์์ฑ
flex-wrap: ์์ดํ
๋ค์ด ํ ์ค์ ๋ด๊ธฐ์ ๋ถ์กฑํ ๋, ์์ดํ
์ค๋ฐ๊ฟ์ ๊ฒฐ์ ํ๋ ์์ฑ
flex-flow: flex-direction๊ณผ flex-wrap์ ํ๊บผ๋ฒ์ ์ง์ ํ ์ ์๋ ๋จ์ถ ์์ฑ
justify-content : ๋ฉ์ธ์ถ ๋ฐฉํฅ ์ ๋ ฌ
align-items : ์์ง์ถ ๋ฐฉํฅ ์ ๋ ฌ
align-content : ์ด๊ฒ๋ ์์ง์ถ ๋ฐฉํฅ ์ ๋ ฌ์ด๋ฉฐ, flex-wrap: wrap (์์ดํ
๋ค์ ํ์ด 2์ค ์ด์) ๋์์ ๋์ ์ ๋ ฌ์ ๊ฒฐ์ ํ๋ ์์ฑ
item ์์ฑ
์ค๋ ๊ฐ์์์๋ item์์ฑ์ ์ ๋ค๋ฃจ์ง ์์์ง๋ง, ๊ฐ์ฅ ํท๊ฐ๋ คํ๋ ๋ถ๋ถ์ด๋ผ ๊ฐ์ด ์ ๋ฆฌํด๋ณด๋ ค๊ณ ํ๋ค.
flex-basis: ์์ดํ ์ ์ด๊ธฐ ํฌ๊ธฐ(๊ธฐ๋ณธ)๋ฅผ ์ค์ ํ๋ ์์ฑ์ ๋๋ค. (flex-direction์ด row์ผ ๋๋ ๋๋น, column์ผ ๋๋ ๋์ด)
.item {
flex-basis: 100px;
}
์๋ width๊ฐ 100px์ด ์๋๋ AAA์ CCC๋ 100px๋ก ๋์ด๋ฌ๊ณ , ์๋ 100px์ด ๋๋ BBB๋ ๊ทธ๋๋ก ์ ์ง๋๋ค.
.item {
flex-basis: 100px;
width: 100px;
}
๋๋ค ์ค์ ํ๊ฒ ๋๋ฉด, A,B,C ๋ชจ๋ 100px์ด ๋๋ค.
flex-grow: 0(๊ธฐ๋ณธ๊ฐ)๋ณด๋ค ํฐ ๊ฐ์ด ์ธํ
์ด ๋๋ฉด ํด๋น ์์ดํ
์ด ์ ์ฐํ(Flexible) ๋ฐ์ค๋ก ๋ณํ๊ณ ์๋์ ํฌ๊ธฐ๋ณด๋ค ์ปค์ง๋ฉฐ ๋น ๊ณต๊ฐ์ ๋ฉ์ฐ๊ฒ ๋ฉ๋๋ค.
flex-grow์ ๋ค์ด๊ฐ๋ ์ซ์์ ์๋ฏธ๋, ์์ดํ
๋ค์ flex-basis๋ฅผ ์ ์ธํ ์ฌ๋ฐฑ ๋ถ๋ถ์ flex-grow์ ์ง์ ๋ ์ซ์์ ๋น์จ๋ก ๋๋์ด ๊ฐ์ง๋ค๊ณ ์๊ฐํ์๋ฉด ๋ฉ๋๋ค.
.item {
flex-grow: 1;
/* flex-grow: 0; */ /* ๊ธฐ๋ณธ๊ฐ */
}
/* 1:2:1์ ๋น์จ๋ก ์ธํ
ํ ๊ฒฝ์ฐ */
.item:nth-child(1) { flex-grow: 1; }
.item:nth-child(2) { flex-grow: 2; }
.item:nth-child(3) { flex-grow: 1; }
์ด์ ๊ฐ์ด ์ค์ ํ๋ค๋ฉด, 1:2:1์ ๋น์จ๋ก ๋ฉ์ธ์ถ์ ๊ฐ ์์๊ฐ ์ฑ์ธ ๊ฒ ์ ๋๋ค.
์ ์ํ ์ ์, ์ฌ๋ฐฑ์ ๋น๋ก 1:2:1์ด ๋ถ๋ฐฐ๋๋ค!
flex-shrink: ์์ดํ
์ด flex-basis์ ๊ฐ๋ณด๋ค ์์์ง ์ ์๋์ง๋ฅผ ๊ฒฐ์
0๋ณด๋ค ํฐ ๊ฐ์ด ์ธํ
์ด ๋๋ฉด ํด๋น ์์ดํ
์ด ์ ์ฐํ(Flexible) ๋ฐ์ค๋ก ๋ณํ๊ณ flex-basis๋ณด๋ค ์์์ง๋๋ค.
.item {
flex-basis: 150px;
flex-shrink: 0;
/* flex-shrink: 1; ๊ธฐ๋ณธ๊ฐ */
}
flex-shrink๋ฅผ 0์ผ๋ก ์ธํ
ํ๋ฉด ์์ดํ
์ ํฌ๊ธฐ๊ฐ flex-basis๋ณด๋ค ์์์ง์ง ์๊ธฐ ๋๋ฌธ์ ์ ์ฉํ๊ฒ ์ฌ์ฉํ ์ ์๋ค.
order: ๊ฐ ์์ดํ ๋ค์ ์๊ฐ์ ๋์ด ์์๋ฅผ ๊ฒฐ์ ํ๋ ์์ฑ์ผ๋ก, ์์ ์ซ์์ผ์๋ก ์ฐ์ ๋ฐฐ์น๋๋ค. ์๊ฐ์ ์์์ด๊ธฐ ๋๋ฌธ์, HTML ์์ฒด์ ๊ตฌ์กฐ๋ฅผ ๋ฐ๊พธ๋ ๊ฒ์ ์๋๋ฏ๋ก ์ ๊ทผ์ฑ ์ธก๋ฉด์์ ์ข์ ๋ฐฉ๋ฒ์ ์๋๋ค. ์๊ฐ ์ฅ์ ์ธ๋ถ๋ค์ด ์ฌ์ฉํ๋ ์คํฌ๋ฆฐ ๋ฆฌ๋๋ก ํ๋ฉด์ ์ฝ์ ๋, order๋ฅผ ์ด์ฉํด ์์๋ฅผ ๋ฐ๊พผ ๊ฒ์ ์๋ฏธ๊ฐ ์๊ธฐ ๋๋ฌธ์ด๋ค.
.item:nth-child(1) { order: 3; } /* A */
.item:nth-child(2) { order: 1; } /* B */
.item:nth-child(3) { order: 2; } /* C */
์ฐธ๊ณ : https://studiomeal.com/archives/197
Flexbox๋ฅผ ์ตํ๋๋ฐ ์ข์ ๊ฐ๋จํ ๊ฒ์์ด๋ค.
CSS : Position
position์ ๊ต์ฅํ ์์ฃผ ์ฌ์ฉํ๊ธฐ ๋๋ฌธ์ ๊ผญ ํ์คํ ํด๋์ด์ผํ๋ ๊ฐ๋ ์ด๋ค.
static (default)
์ฐจ๋ก๋๋ก ์ผ์ชฝ์์ ์ค๋ฅธ์ชฝ, ์์์ ์๋๋ก ์์ ๋๋ค. static ์ํ๋ก top๊ฐ์ ์์ฑ์ ์ค๋ ์ ์ฉ์ด ๋์ง ์์ต๋๋ค.
relative
์๋ ๋ฌธ์(HTML) ํ๋ฆ์ ๋ฐ๋ผ, ์ ์๋ ์์น(static)์์ ์๋์ ๊ธฐ์ค์ผ๋ก top, right, bottom, left ๋ฐฉํฅ์ผ๋ก ์ค์ ํ ๋งํผ ์ด๋ํ ์ ์์ต๋๋ค.
absolute
relative๊ฐ static์ธ ์ํ๋ฅผ ๊ธฐ์ค์ผ๋ก ์ฃผ์ด์ง ํฝ์ ๋งํผ ์์ง์๋ค๋ฉด, absolute๋ position: static ์์ฑ์ ๊ฐ์ง๊ณ ์์ง ์์ ์กฐ์์ ๊ธฐ์ค์ผ๋ก ์์ง์ ๋๋ค. ๊ฐ์ฅ ๊ฐ๊น์ด ๋ถ๋ชจ์ static์ด ์๋ position์ ๊ธฐ์ค์ด ๋ฉ๋๋ค!
๋ง์ฝ ์กฐ์ ์ค์ ํฌ์ง์ ์ด relative, absolute, fixed์ธ ํ๊ทธ๊ฐ ์๋ค๋ฉด ์ต์์ ํ๊ทธ(body)๊ฐ ๊ธฐ์ค์ด ๋ฉ๋๋ค.
fixed
๋ทฐํฌํธ๋ฅผ ๊ธฐ์ค์ผ๋ก ๋ฐฐ์นํ์ฌ ์คํฌ๋กค์ ๋ด๋ ค๋ ๊ณ ์ ๋์ด ์์ต๋๋ค.
sticky
fixed์ ๋น์ทํ๊ฒ ์คํฌ๋กค์ ๋ด๋ ค๋ ๊ณ ์ ๋์ด ๋ณด์ด์ง๋ง, ์ค์ํ ์ฐจ์ด์ ์ fixed๋ ํญ์ ํ๋ฉด์ ๊ณ ์ ๋์ง๋ง, position: sticky๋ ์คํฌ๋กค ์์น์ ๋ฐ๋ผ ๋์ ์ผ๋ก ๋์ํ๋ฉฐ ํน์ ์ง์ ์์๋ง ๊ณ ์ ๋ฉ๋๋ค. position: sticky๋ฅผ ์ฌ์ฉํ ๋๋ ๋ถ๋ชจ ์์๊ฐ ์คํฌ๋กค ๊ฐ๋ฅํ ์์ญ์ด์ด์ผ ํ๋ฉฐ, ์คํฌ๋กค์ด ๋์ง ์๋ ์ํ์์๋ ์ผ๋ฐ์ ์ธ ํ๋ฆ์ ๋ฐ๋ผ ๋ฐฐ์น๋ฉ๋๋ค.
๊ธฐ๋ณธ์ ์ผ๋ก ๋ฌธ์ํ๋ฆ์ ๋ฐ๋ฅธ ๋ค๋๊ฒ์ ๊ธฐ์ตํ์!
position : sticky๊ฐ ๋์ํ์ง ์๋ ๊ฒฝ์ฐ
1. sticky์์ฑ์ ๊ฐ๋ ์์๋ค์ ์์ ์ ๋ถ๋ชจ ์์์์์๋ง ์ ์ฉ๋๋ค.
2. ๋ถ๋ชจํ๊ทธ์ ๋ฌด์กฐ๊ฑด height ๋์ด ๊ฐ์ด ๋ค์ด๊ฐ ์์ด์ผํจ. (๋ถ๋ชจ height ๋์ด ๊ฐ๋งํผ sticky๊ฐ ๊ณ ์ ๋๊ธฐ ๋๋ฌธ)
3. ๋ถ๋ชจ์์์ค์ overflow: hidden, auto, scroll ์์ฑ์ด ์ ์ฉ๋์ด ์์ผ๋ฉด ์ ์ฉ์ด ๋์ง ์์ต๋๋ค.
์ถ์ฒ: https://shadesign.tistory.com/40 [์ข์๊ฐ๋ฐ์๊ฐ๋๋๊ทธ๋ ๊น์ง.J:ํฐ์คํ ๋ฆฌ]
ํ์คํฐ๋ ์๊ฐ์ git์ Collaborators ๊ธฐ๋ฅ์ ์ฌ์ฉํด์ cloneํ๊ณ , ํ์๋ค ๊ฐ์ ๊ฐ์ ํ์ผ์ ์์ ํ์ฌ ์ถฉ๋์ ์ผ์ผ์ผ์ ์ ๋ฐ์ดํธ ํด๋ณด๋ ๊ณผ์ ์ ์ค์ตํด๋ณด์๋ค. ์์ง git์ ๋ํ ํ์ต์ด ๋ง์ด ํ์ํ๋ค๊ณ ๋๊ผ๋ค.
๋์ค์ ํ์๋ค๊ณผ ํ๋ก์ ํธ๋ฅผ ์งํํ๊ธฐ ์ ๊น์ง, git์ ๋ง์ด ์ต์ํด์ ธ์ผ๊ฒ ๋ค..!๐ช๐ป
๊ทธ๋ฆฌ๊ณ CSS์์ ๊ต์ฅํ ๋ง์ด ์ฐ์ด๋ flex-box ์์ฑ๋ค๊ณผ position!
์ฒ์์ ํ์ตํ์๋ ๊ฐ์ฅ ํท๊ฐ๋ ธ๋ CSS๋ค์ ์ด์ฐธ์ ์ ๋ฆฌํด๋ณด์๋ค. ์ด์ ํท๊ฐ๋ คํ์ง ์๊ธธ ๋ฐ๋ผ๋ฉฐ!