์ค๋์ Git์ ๋ํ ๋๋จธ์ง ํ์ต๋ค๊ณผ, CSS์ ๊ฝ์ด๋ผ๊ณ ์๊ฐํ๋ flexbox์ ๋ํด ํ์ตํ์์ต๋๋ค. branch: ๋ธ๋์น๋ ๋ชจ๋ ์ปค๋ฐ,์ค๋
์ท, ์์
ํ๊ณ ์๋ ๋ค์ํ ๋ธ๋์น๋ฅผ ๋ด๊ณ ์๋ ์ผ์ข
์ ํด๋๋ก์จ, ๋ธ๋์น๋ฅผ ํตํด ๊ฐ๋ฐ ์์
์ ๋ถ๋ฆฌํ๊ณ ๊ด๋ฆฌํ ์ ์๋๋ก ๋์์ค๋๋ค. $git branch : ํ์ฌ ๋ธ๋์น $git checkout ๋ธ๋์น๋ช
: ๋ธ๋์น ์ด๋ $git branch -D ๋ธ๋์น๋ช
: ๋ธ๋์น ์ญ์ github์์ repository๋ฅผ ์์ฑํ๋ฉด, ๋ค์๊ณผ ๊ฐ์ ํ๋ฉด์ด ๋ํ๋๋ค. add: ๊ด๋ฆฌ ๋์ ๋ฑ๋ก & ์ ์ฅ์ ์ฐ๊ฒฐ ์์ ์ฌํญ, ํ์ผ ๋ฐ ํด๋๋ฅผ ์คํ
์ด์ง ์์ญ์ผ๋ก ์ฎ๊ธฐ๋๋ก ํด์ค๋ค. git์ด ์ ์ฉํ๊ณ ์ ํ๋ ํ์ผ, ์์ ์ฌํญ๋ค์ ์ ์ฉํ๊ณ ์ํ๋ ๋ค์ ์ปค๋ฐ์ ์ธ์งํ๋๋ก ๋๋๋ค. $git add . $git r..
โ๏ธ TIL
์ด๋๋ง 1์ฃผ์ฐจ์ ๋ง์ง๋ง 3์ผ์ฐจ TIL์
๋๋ค. ์ค๋์ ์ฌํ ๋ฐฐ์ด HTML๊ณผ CSS๋ฅผ ์ ์ฉํ์ฌ ์น์ฌ์ดํธ๋ฅผ ๋ง๋ค๊ณ , ํธ์คํ
,๋ฐฐํฌ์ git์ ๋ํ ํ์ต์ ํ์์ต๋๋ค. Text-align ์ด์ ๋ฐฐ์ด text-align์ ์ ์ฉ์ ํด๋ณด์์ต๋๋ค. ์์ฃผ ์ฌ์ฉ๋๋ css์ธ ๋งํผ ๊ผญ ๊ธฐ์ตํด์ผํ๋ ๊ฐ๋
์
๋๋ค. text-align์ ํ
์คํธ์ฒ๋ผ ์ทจ๊ธ๋๋ ์ธ๋ผ์ธ ์ฝํ
์ธ ๋ ํ
์คํธ๋ฅผ ์ ๋ ฌํฉ๋๋ค. ๋ด๋ถ์ ํ
์คํธ= ์ธ๋ผ์ธ ์์ ex. header์ text-align์ ์ฌ์ฉํ๋ฉด ํ์ ์์๋ค์ด ์ธ๋ผ์ธ ์ฝํ
์ธ ๊ฐ ๋์ด ์ค์์ ๋ฐฐ์น๋๋๊ฒ Margin ๊ฒน์นจ CSS ์์
์ ํ๋ค๋ณด๋ฉด, box model์ ๋ด๊ฐ ์๊ฐํ๋๋๋ก ์ ์ด๊ฐ ์๋ ๋๊ฐ ์๋ค. margin ๊ฒน์นจ์ ๊ทธ ์ค ํ๋์ ๊ฒฝ์ฐ์ด๋ค. ์์ ์์ ์์์ ๋ธ๋ผ์ฐ์ ๊ฐ ๊ธฐ๋ณธ์ ์ผ๋ก margin (34px..
2์ผ์ฐจ๋ ๋ฆฌ์คํธ HTML, ์๋งจํฑํ๊ทธ, CSS์ box-model ๋ฑ์ ๋ด์ฉ์ ๋ค๋ฃจ์๋ค. ์ฒ์ CSS ๋ฐฐ์ ์๋, ํญ์ ํท๊ฐ๋ฆฌ๋ box๋ชจ๋ธ ๋ฐฐ์น ๋ฑ์ ์ค์ ์ผ๋ก ๋ค์ ํ๋ฒ ์ ๋ฆฌํด๋ณด๋ ค๊ณ ํ๋ค. CSS(Cascading Style Sheets)? ์ข
์์คํ์ผ์ํธ๋ ๋ ๊ฐ ์ด์์ css๊ท์น์ด ๋์ผํ ์์์ ์ ์ฉ๋ ์ ์๊ธฐ ๋๋ฌธ์ "์ข
์"์ด๋ผ๋ ๋จ์ด๋ ์คํ์ผ ๊ท์น์ด ์ด๋ป๊ฒ ์ ์ฉ๋๋์ง๋ฅผ ๋ํ๋ด๋ฉฐ, ์คํ์ผ ๊ท์น์ด ๋ค์ํ ์์ธ์ ๋ฐ๋ผ ์ฐ์ ์์๋ฅผ ๊ฐ๋๋ค๋ ๊ฐ๋
์ ๋ํ๋
๋๋ค. ์ฌ๋ฌ ์คํ์ผ ๊ท์น์ด ํ๋์ ์์์ ์ ์ฉ๋ ๋, ์ด๋ค ๊ท์น์ด ์ฐ์ ์์๋ฅผ ๊ฐ์ง๋์ง๋ฅผ ๊ฒฐ์ ํ๋ ๋ฐฉ์์ ๋ํ๋
๋๋ค. CSS์์ ์ด 3๊ฐ์ง ํน์ง์ผ๋ก ์คํ์ผ๋ง์ด ๊ฒฐ์ ๋๋ค. Inheritance : ์ปจํ
์ด๋์ ํน์ ์์ฑ์ด ํ์ ํญ๋ชฉ์ ์ ์ฉ๋๋ค. ํ์ง๋ง ๋ชจ๋ ํ์..