etc
[์ํฐ๋ ํ๋ฆฌ์จ๋ณด๋ฉ ์ธํด์ญ] ์์์ธ์ด
์ง์ํ๊ณ ์ถ์ ์ฐธ๊ฐ๊ธฐ์ ์ ์ด๋์ธ์ง ์ง์ํ๊ณ ์ถ์ ์ฐธ๊ฐ ๊ธฐ์ ์ ์ค์์น์์ด๋ค. ๋น๋๋ฉด ์จ๋ผ์ธ ํ์ ์๋น์ค๋ฅผ ์ ๊ณตํ๋ ํ์ฌ๋ก ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๋ฅผ ์ฑ์ฉ ์ค์ด์๋ค. ํ๋ก์ ํธ์์ ํ์ ์คํฌ๋ฆฝํธ์ ๋ฆฌ์กํธ๋ฅผ ์ฌ์ฉํ๋ ์ ์ด ์ข์๊ณ , ์ฝ๊ธฐ ์ข์ ์ฝ๋๋ฅผ ์งํฅํ๊ณ ์ฝ๋ ๋ฆฌ๋ทฐ๋ฅผ ํ๋ ๊ฐ๋ฐ ๋ฌธํ๊ฐ ์กด์ฌํ๋ค๋ ์ ์ด ๊ธฐ๋๋๋ค. ํ๋ฆฌ์จ๋ณด๋ฉ ์ธํด์ญ์์ ๋ณธ์ธ์ด ์ป๊ณ ์ถ์ ๊ฒ ๊ธฐ์ ๋ฉด์ ์ค๋น, CS ์คํฐ๋, ๋ฆฌ์กํธ ์ฌํ ๋ฌธ๋ฒ ๊ณต๋ถ ๋ฑ ์ทจ์ ์ ์ ํ์ํ ๋ถ๋ถ๋ค์ ์งง์ ์๊ฐ ๋์ ํฌ๊ฒ ์ฑ์ฅํ ์ ์๋ ์ข์ ๊ธฐํ์ธ ๊ฒ ๊ฐ์์ ์ง์ํ๊ฒ ๋์๋ค. ๋ํ ๊ฐ์ ๊ด์ฌ์ฌ๋ฅผ ๊ฐ์ง ๋๋ฃ๋ค๊ณผ ์ธ์ฐ์ ๋งบ๊ณ ํจ๊ป ๊ณต๋ถํ๋ฉฐ ์ทจ์ ์ค๋น๋ฅผ ํ๋ ๊ฒฝํ์ ์ป์ ์ ์์๊ฑฐ๋ผ๊ณ ๊ธฐ๋ํ๊ณ ์๋ค. ์ต์ข ํฉ๊ฒฉ๊น์ง ๋ช ๊ฐ ์ด์์ ์ด๋ ฅ์ ์์ฑ ๋ฐ ์ ์ถํ ๊ฑด์ง ๊ฐ์ค ์ํฐ๋ ํ๋ฆฌ์จ๋ณด๋ฉ ์ธํด์ญ..
๋ฉ์์ด์ฌ์์ฒ๋ผ ํ๋ก ํธ์๋ ์ค์ฟจ 6์ฃผ ์ฐจ
ํค์๋ JavaScript ๊ธฐ์ด ๋๋ฆฌ ๋ฉํ ๋, ํ์ง ๋ฉํ ๋ ํน๊ฐ 6์ฃผ ์ฐจ ์ด๋ฒ ์ฃผ๋ถํฐ ๋ณธ๊ฒฉ์ ์ผ๋ก JavaScript ๊ธฐ์ด ๊ฐ๋ ์ ๋ฐฐ์ฐ๊ณ ์๋๋ฐ, HTML / CSS ์์ ๋๋ณด๋ค ํจ์ฌ ์ฌ๋ฏธ์๊ฒ ๋ฃ๊ณ ์๋ค. ๋ค๋ง ์์ ์ค๊ฐ์ ํผ์ MDN์ ์ฝ์ด๋ณด๋ค๊ฐ ์์ ์ ํ๋ฆ์ ๋์น๊ณค ํ๋ ๋ฌธ์ ๊ฐ ์์๋ค. ์์ ์ ์ข ๋ ์ง์คํ๊ธฐ ์ํด MDN์ ์์ต์๊ฐ์ ํ์ฉํด์ ์ฝ์ด๋ณด๋ ๊ฒ์ผ๋ก! ์ ์ฝ๋ฒ 100์ ๋ฅผ ํธ๋ ์ค์ธ๋ฐ part2์ ๋ค์ด๊ฐ๋ ์ ์ ๋ฌธ์ ๊ฐ ์ด๋ ค์์ง๋ค. ๋คํํ ํธ์ค ๋ํ๋์ด ์ ์ฝ๋ฒ ๊ฐ์๋ฅผ ์ ๊ณตํด ์ฃผ์ จ๋ค. ์ฐ์ ์ฒ์์๋ ๋ด ์ค๋ ฅ์ผ๋ก ํ์ด๋ณด๊ณ ๋ต์์ด๋ ๋๋ฌด ์ฐจ์ด๊ฐ ๋๊ฑฐ๋ ๊ถ๊ธํ ๋ฌธ์ ๋ ๊ฐ์๋ก ์ถ๊ฐ์ ์ธ ๊ณต๋ถ๋ฅผ ํ๋ ค๊ณ ํ๋ค. ์ด๋ค ๋ฌธ์ ๋ ์ค๋ ๊ณ ๋ฏผํ๋ค๊ฐ ์ฐ์ผ๋ก ๊ฐ๋ฒ๋ฆฐ ์ ์ด ์์ด์ ๊ฐ์๋ฅผ ๋ค์ ์ ์๋ ๊ฒ ์ ๋ง ๋คํ์ด๋ค ์ถ๋ค. ..
[๊ณผ์ ] ์ฒํ์ ์ผ ์บ๋ฆญํฐ ๊ฒฝ์ง๋ํ - ํธ์ฐ
๋ฉ์ฌ EF 3๊ธฐ ์ฒํ์ ์ผ ์บ๋ฆญํฐ ๊ฒฝ์ง๋ํ ๋ฉ์์ด์ฌ์ ํ๋ก ํธ์๋ ์ค์ฟจ์์ HTML๊ณผ CSS๋ก ๋๋ง์ ์บ๋ฆญํฐ๋ฅผ ๋ง๋๋ ๋ํ๊ฐ ์์๋ค. ๊ท์ฝ๊ณ ์ฌ๋ฏธ์๋ ์์ด๋์ด๊ฐ ๋ง์์ ๋ณด๋ ์ฌ๋ฏธ๊ฐ ์์๋ค. ๋๊ธฐ๋ถ๋ค์ด ์ ์ถํ์ ๊ฒ๋ค์ ๋ณด๋ฉด์ ๊ณ์ ๊ฐํํ๋ค. ๋๋ ์ด๋ฒ ๋ํ์์ ๊ฐ์ฌํ๊ฒ๋ ๋์์ ๋ฐ์ ์ ์์๋ค. ํ๊ณ ๋ ํ ๊ฒธ ์์ ๊ณผ์ ์ ๊ฐ๋จํ๊ฒ๋๋ง ๊ธฐ๋ก์ผ๋ก ๋จ๊ฒจ๋ณด๋ ค๊ณ ํ๋ค. ๋ฐ๋ชจ https://sduu.github.io/character-contest/ ํธ์ฐ sduu.github.io Github https://github.com/sduu/character-contest GitHub - sduu/character-contest Contribute to sduu/character-contest development by cr..
๋ฉ์์ด์ฌ์์ฒ๋ผ ํ๋ก ํธ์๋ ์ค์ฟจ 4์ฃผ ์ฐจ
ํค์๋ [CSS] flex, grid, perspective, CSS Sprite ๊ธฐ๋ฒ, IR ๊ธฐ๋ฒ [CSS ํน๊ฐ] ์ง๊ทธ์ฌ๊ทธ ์ค์ต [JavaScript] ์ค์ฝํ, let, const ํค์๋ 4์ฃผ ์ฐจ ๊ผญ ํ์ํ ์์๋ง ๋งํฌ์ ํ๋ ๊ฒ๊ณผ ํ์ฅ์ฑ์ ๊ณ ๋ คํ ๋งํฌ์ ์ฌ์ด์์ ๊ณ ๋ฏผํ๋ค ๋ณด๋ฉด ๋งํฌ์ ์ ๊ฝค ์๊ฐ์ ์๊ฒ ๋๋ค. ์ฐ์ ์ ์ข ์ฐฌ๋ ํน๊ฐ์์ ๋ฐฐ์ด ๊ฒ์ฒ๋ผ ์ฝํ ์ธ ์ ์ง์คํ๊ธฐ๋ณด๋ค๋ ๋ ์ด์์์ ๊ณ ๋ คํด์ ๋งํฌ์ ํ๋ ๊ฒ์ ์ต์ํด์ ธ์ผ ํ ๊ฒ ๊ฐ๋ค. ๋ฒค๋ฉ ๋จธ์ ๊ณผ์ ๋ฅผ ํ๋ฉด์ ์๊ตฌํ๋ ๊ธฐ๋ฅ์ ๊ตฌํํ๋ ๊ฒ๋ง์ผ๋ก๋ ๋ฒ๊ฑฐ์ ์ง๋ง ๋ฅ๋ค์ด๋ธ์์ ๋ฐฐ์ด ๊ฒ์ ์จ ๋ณผ ์ ์์ด์ ์ฌ๋ฏธ์์๋ค. ์ด์ ์๋ฐ์คํฌ๋ฆฝํธ ์์ ์ ์์๋๋๋ฐ, ๊ฐ๋ ์ ์ธ ๊ฒ๋ฟ๋ง ์๋๋ผ ํ์ ์ ์ํด ์ข์ ์ฃผ์์ ์์ฑํ๋ ๋ฒ, ๊ฐ๋ ์ฑ๊ณผ ์ฑ๋ฅ์ ๊ณ ๋ คํ ์ฝ๋ฉ ๋ฐฉ๋ฒ๋ ๋ฐฐ์ฐ๊ณ ์ถ๋ค. ๋ค..
๋ฉ์์ด์ฌ์์ฒ๋ผ ํ๋ก ํธ์๋ ์ค์ฟจ 3์ฃผ ์ฐจ
ํค์๋ [CSS] position floats ์ normal flow BFC(Block-Formatting-Context) CSS selector flex [CSS ํน๊ฐ] font ์ line-height em ๋จ์ ๋ค๊ฑฐํฐ๋ธ ๋ง์ง [๊ธ์์ผ ํน๊ฐ] ๋ฉ์ฌ ์คํํฐ ํคํธ Hard Skills and Soft Skills ์ทจ์ค ์ ๋ต๊ณผ ํด์ธ ์ทจ์ 3์ฃผ ์ฐจ ํด์ผ ํ ๊ฒ์ ๋ง์๋ฐ, ํจ์จ์ ์ผ๋ก ์๊ฐ ๋ถ๋ฐฐ๊ฐ ์ ์๋๋ ๋๋์ด ๋ ๋ค. ํนํ ์ด๋ฒ ์ฃผ๋ ์ค์ต๊ณผ ๊ณผ์ ๊ฐ ์ข ์์๋๋ฐ ๊ณ์ ์ฝ๋๋ฅผ ๋ค๋ฌ์ผ๋ฉด์ ์๊ฐ์ ๋ง์ด ์ด ๊ฒ ๊ฐ๋ค. ๋ฑ ๊ณํํ ์๊ฐ๋งํผ๋ง ๊ณผ์ ์ ํ์ ์๊ณ ๋ถ์กฑํ ์ ์ ๋ฐฐ์๋๊ฐ๋ฉด์ ๊ณ ์ณ๋๊ฐ๋ ๊ฒ ์ข์ง ์์๊น ํ๋ ์๊ฐ์ด ๋ ๋ค. ์ด๋ฒ ์ฃผ์ ๊ฐ์ฅ ํฅ๋ฏธ๋ก์ ๋ ๊ฒ์ `๋ง์ง ๋ณํฉ์ด ๋๋ ์ด์ `์ `body ์์์ ์ปฌ๋ฌ๋ฅผ ์ฃผ..
๋ฉ์์ด์ฌ์์ฒ๋ผ ํ๋ก ํธ์๋ ์ค์ฟจ 2์ฃผ ์ฐจ
ํค์๋ [์๋งจํฑ ๋งํฌ์ ] ์คํฌ๋ฆฐ ๋ฆฌ๋ ์ฌ์ฉํด๋ณด๊ธฐ, ํค๋ฉ ์์์ ์ต๋ช ์์ญ [HTML] ๋ชจ๋ํ, ๋ฐ์ํ ์ด๋ฏธ์ง ๋ง๋ค๊ธฐ, ์ ์์ฑ๊ณผ ๋์ ๋ฐฉ์ [CSS] ์ ํ์ ์ฐ์ ์์, CSS box model [CSS ํน๊ฐ] CSS ๋ง์ง ๋ณํฉ 2์ฃผ ์ฐจ ์ด๋ฒ ์ฃผ๋ ๊ต์ฅํ ๋น ๋ฅด๊ฒ ์ง๋๊ฐ ๋ฒ๋ฆฐ ๋๋์ด๋ค. ์ฃผ์ค ๊ฐ์ ์๊ฐ๋ ๊ทธ๋ ๊ณ ์ถ์ ์ฐํด๋ ๊ทธ๋ ๊ณ ...๐ ์ฐํด๊ฐ ์ฃผ์ด์ ธ์ ๋ชธ๋ ๋ง์๋ ์ฌ์ ๋กญ๊ฒ ๋ณด๋๋๋ฐ ๋ค์ ์ฃผ๋ถํฐ๋ ์ด์ฌํ ๋ฌ๋ ค๋ด์ผ๊ฒ ๋ค. TIL์ ์์ฑํ ๋ ์๋ก ์๊ฒ ๋ ์ ์ด๋ ํท๊ฐ๋ฆฌ๋ ๋ถ๋ถ์ ์์ฃผ๋ก ์์ฑํ๋๋ ํ์คํ ์์ฑ ์๊ฐ์ด ๋ง์ด ์ค์๋ค. ๋จ๋ ์๊ฐ์ ๋ค๋ฅธ ๊ณต๋ถ๋ ์ค์ต์ ํ ์ ์์ด์ ์ข์๋ค. '์ ๋์ ๋ฐฉ์' ์์ ๋ด์ฉ์ ์ดํดํ๊ธฐ ์ด๋ ค์ ๋ค. ํนํ ์ง์์๋ต ์๊ฐ์๋ ์ ์ ์ด ์ฝ๊ฐ ํผ๋ฏธํด์ก๋ค,,ใ CS์ง์์ด ๋ถ์กฑํ๋ค๋ ๊ฒ์ ..
๋ฉ์์ด์ฌ์์ฒ๋ผ ํ๋ก ํธ์๋ ์ค์ฟจ 1์ฃผ ์ฐจ
ํค์๋ [์ค๋ฆฌ์ํ ์ด์ ] ์ฐ๋ฆฌ๊ฐ ํด์ผํ ๊ฒ : ๋ค์ด๋ดค๋ค → ๋ฐฐ์ ๋ค → ํด๋ดค๋ค → ๋ค๋ฅด๊ฒ ํด๋ดค๋ค! [HTML์ ๊ธฐ์ด์ ์น์ ๋] HTML Living Standard ์๋ฉํฑ ํ๊ทธ (Semantic Tag) article ํ๊ทธ์ section ํ๊ทธ์ ์ฐจ์ด TIL https://github.com/sduu/TIL/blob/main/HTML/HTML_02.md [CSS ํน๊ฐ] CSS์ ๊ธฐ์ด์ display ์์ฑ์ ๋ฐ๋ฅธ ํน์ง TIL https://github.com/sduu/TIL/blob/main/CSS/CSS_special_01.md [Git] $ git clone {git reposiory url} . $ git add . $ git commit $ git push TIL https://github.com/sd..