์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- ๋ง์ผ๋ด๊ฐ์ธ์์๋ค์์ฐ๋ค๋ฉด
- css
- ๊น๋ฏธ๊ฒฝ์๋งํ์์
- ์ปดํจํฐ๊ณผํ
- ์นํ์ด์ง๋ง๋ค๊ธฐ
- ๋ฆฌ์กํธ
- JavaScript
- ํ๋ก๊ทธ๋๋ฐ
- ๋ฐ์ดํฐ๋ฒ ์ด์ค
- ๊ฐ๋ฐ
- ์นํผ๋ธ๋ฆฌ์ฑ
- ์ฝ๋ฉ
- Python
- ์ค๋ผํด
- ComputerScience
- ๋ผํ๋ผ์ค์๋ง๋
- K๋ฐฐํฐ๋ฆฌ
- ๋ ์
- ๋ฐ์ํ
- ์๋ฐ์คํฌ๋ฆฝํธ
- ์๋ฐ
- K๋ฐฐํฐ๋ฆฌ๋ ๋ณผ๋ฃจ์
- ์ฑ
- database
- ํ์ด์ฌ
- html
- ์ํ
- Java
- ์ค๋ธ์
- ํฐ์คํ ๋ฆฌ์ฑ๋ฆฐ์ง
- Today
- Total
๋ชฉ๋ก์ ์ฒด ๊ธ (220)
JiYoung Dev ๐ฅ
์ฑ ์ ๋ชฉ : K ๋ฐฐํฐ๋ฆฌ ๋ ๋ณผ๋ฃจ์ ์ ์ : ๋ฐ์ํ ๋ ์์ผ : 2023.03.02 ~ 2023.03.07 ๋ถ์ผ : ๊ฒฝ์ ๊ฒฝ์ ์ฝ๋ก๋ ์ดํ ์ฌ๋๋ค์ ์ฌํ ํฌ์ ๋ํ ๊ด์ฌ์ด ๋ง์ด ์ฆ๊ฐํ๊ธด ํ๋ ๋ณด๋ค. ํ๊ธด, ๋๋ ์ด์ ์ ํ๋ ํฌ์๋ฅผ ํ๊ธฐ ์์ํ์ผ๋ ๋ง ๋คํ์ง. ๊ทธ๋๋ ๋๋๋ค. ํฌ์ ๊ด๋ จ ์์ ์ด ํนํ ํน์ ๋ถ์ผ์ ๋ํ ๋ด์ฉ์ด ๋ด๊ธด ์ฑ ์ด ๋ฒ ์คํธ์ ๋ฌ๊ฐ ๋๋ค๋. ์ด ์ฑ ์ K ๋ฐฐํฐ๋ฆฌ๊ฐ ํ์ฌ์ ๋ฐ๋์ฒด์ ๊ฐ์ด ๋ฏธ๋์ ์ ๋ง ์ฐ์ ์ผ๋ก ๋ ์ค๋ฅผ ์์ ์ด๋ฉฐ, ๊ทธ ์ค์์ K ๋ฐฐํฐ๋ฆฌ๊ฐ ์ธ๊ณ ์์ฅ์ ์ ๋ํ ๊ฑฐ๋ผ๋ ๋ด์ฉ์ด ๋ด๊ธด ์ฑ ์ด๋ค. ์์ผ๋ก ์ ๊ธฐ์๋์ฐจ๋ก ์ ํ์ด ์ด๋ฃจ์ด์ง ๊ฒ์ด ๋ปํ๋ฐ ๊ทธ ์ค์์๋ ์ ๋ฐฐํฐ๋ฆฌ ์ฐ์ ์ ๊ด์ฌ์ ๊ฐ์ ธ์ผ ํ๋๊ฐ๋ฅผ ์ ๋ง ์ฝ๊ฒ ์ ์ค๋ช ํด ์ฃผ์ จ๋ค. ์์ฝํ์๋ฉด ์ด๊ฑฐ๋ค. ๊ธฐ์กด์ ์๋์ฐจ๋ ์์ง์ด ์ค์ํ๋ค. ์๋์ฐจ ํ์ฌ์ ์์ง๊ณผ ๊ด..
2023.03.06 ์ฝ๋์ ํ์ต ๋ด์ฉ ๐ HTML (Hypertext Markup Language) - Hypertext(ํ์ดํผํ ์คํธ) : ์๋ก ๋งํฌ๋ก ์ฐ๊ฒฐ๋ ๋ฌธ์ - Markup Language(๋งํฌ์ ๋ญ๊ท์ง) : ๋งํฌ์ ํ๋ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด → mark something up : ํ์ํ๋ค โถ ๋ด์ฉ์ ์ถ๊ฐ์ ์ธ ์ ๋ณด๋ฅผ ํ์ํ๋ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด - ์ฆ, ๋งํฌ๋ก ์ฐ๊ฒฐ๋ ๋ฌธ์๋ฅผ ๋ง๋ค ๋ ์ฌ์ฉํ๋, ๋ด์ฉ๋ฟ๋ง ์๋๋ผ ๋ฌธ์์ ๊ตฌ์กฐ์ ์๋ฏธ(h1, p, button ๋ฑ)์ ๊ฐ์ ์ถ๊ฐ์ ์ธ ์ ๋ณด๊น์ง ํ์ํ๋ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด ๐ HTML์ ๊ธฐ๋ณธ ๋ฌธ๋ฒ ... ๋ด์ฉ html์ ํ๊ทธ๋ก ์์ฑ ํ๊ทธ๋ ๊ธฐํธ๋ก ๊ฐ์ธ์ ธ ์์ ์์ํ๊ทธ, ์ข ๋ฃํ๊ทธ ์์..
์ด์ CSS ํต์ฌ ๊ฐ์๋ฅผ ๋ค ๋ฃ๊ณ ์ค๋ ๋ด๊ฐ ๋ง๋ ์นํ์ด์ง์ ์คํ์ผ์ ์ ํ๋ณด์๋ค. ์นด์นด์ค์ค๋ธ์ผ๋ก ๋ง๋ ์คํ ๋ฆฌ๋ณด๋ ๋์์ธ์ ๊ธฐ๋ณธ์ผ๋ก ํ์ผ๋, ํฐํธ ํฌ๊ธฐ๋ ์ฌ๋ฐฑ ๋ฑ์ ์์๋ก css๋ก ์ง์ ์ฝ๋ฉ์ ํด๋ณด๋ฉด์ ์ ๋นํ๊ฒ ์กฐ์ ํ์๋ค. ๐ css ์ฝ๋ ์์ฑ ๊ฒฐ๊ณผ ๊ฐ๋จํ ์นํ์ด์ง๋ผ์ ๋์ผํ ๋์์ธ์ ๊ตฌ์กฐ๊ฐ ๋ง์ ์์ฑ์ด ์ด๋ ต์ง ์์๋ค. ์์ฑํ๋ฉด์ ๋ชจ๋ฅด๋ ๋ถ๋ถ์ ๊ตฌ๊ธ๋ง์ ํตํด ํด๊ฒฐํ์๊ณ , ๊ทธ ๋ด์ฉ์ ์๋์ ๊ฐ๋ค. ๐ Div ํ๊ทธ ์ค์์ ์ ๋ ฌํ๊ธฐ Div ํ๊ทธ์ Width๋ฅผ ์ค์ ํ๊ณ margin ์ค๋ฅธ์ชฝ, ์ผ์ชฝ ๊ฐ์ auto๋ก ์ค์ โผ html ์ฝ๋ โผ โผ CSS ์ฝ๋ โผ ๐ ํ ์ค ๋ฌธ์ฅ ์์ชฝ ์ ๋ ฌํ๊ธฐ ํ ์ค์ง๋ฆฌ ๋ฌธ์ฅ์ ์์ชฝ ์ ๋ ฌํ๊ณ ์ถ์ด text-align: justify๋ฅผ ์ ์ฉํ์ง๋ง ์ ์ฉ๋์ง ์์์. ์ฌ๋ฌ ์ค์ผ ๊ฒฝ์ฐ์๋ ์ ๋ ฌ..
2023.03.01 ~ 2023.03.03 ์ฝ๋์ ํ์ต๋ด์ฉ ๐ CSS ๊ท์น HTMLํ๊ทธ์ ์คํ์ผ ์์ฑ์ ์ถ๊ฐํ์ฌ ์คํ์ผ์ ์ ํ ์ ์์์. ๊ทธ๋ฌ๋ ์ด ๋ฐฉ๋ฒ์ ๋์ผํ ์์ฑ์ ์ฃผ๊ณ ์ถ์ ํ๊ทธ๊ฐ ์ฌ๋ฌ ๊ฐ์ผ ๋ ์คํ์ผ์ ์ ํ๋ ๊ฒ ๋ฒ๊ฑฐ๋ก์์ง. ๋ฐ๋ผ์ ๊ด์ฌ์ฌ์ ๋ถ๋ฆฌ(seperation of concerns)๋ฅผ ์งํํจ. ์ฆ, ๋ด์ฉ๊ณผ ์คํ์ผ์ ๋ถ๋ฆฌํ๋ ๊ฒ. ๊ด์ฌ์ฌ๋ฅผ ๋ถ๋ฆฌํ๋ฉด ๋ด์ฉ๊ณผ ์คํ์ผ์ ๋ฐ๋ก ๊ณ ์น๊ธฐ ํธํ๊ณ , CSS ํ์ผ์ ๋ฐ๋ก ์ ์ฅํ๊ธฐ ํธํจ. ๋ฐ๋ผ์ CSS ์์ฑ์ ํ๋ํ๋ ํ๊ทธ์ ๋ฃ๊ธฐ๋ณด๋ค๋ CSS ๊ท์น์ ์ ํด ๋๊ณ ์ฌ์ฉํ๋ ๊ฒ์ ๊ถ์ฅํจ ๊ธฐ๋ณธ ๋ฌธ๋ฒ: ์ ํ์ { ์์ฑ: ์์ฑ๊ฐ; ์์ฑ: ์์ฑ๊ฐ; } ์์ฑ ์: h3 { color: #ffffff; font-size: 20px } ๐ CSS ์ ํ์ ๊ท์น์์ ์์๋ฅผ ์ ํํ..
์ฑ ์ ๋ชฉ : ๊น๋ฏธ๊ฒฝ์ ๋งํ ์์ ์ ์ : ๊น๋ฏธ๊ฒฝ ์ฅ๋ฅด : ์๊ธฐ๊ณ๋ฐ ๋ ์ ๊ธฐ๊ฐ : 2023.02.24 ~ 2023.03.01 ์์ฆ 40์ด์ด ๋ ์ฌ๋๋ค์ ์ํ ์ฑ ์ด ๋์ ์์ฃผ ๋๋ค. 40์ด์ ์ฝ๋ ๋ ผ์ด์๋ ๊ทธ ์ฑ ๋ ๊ทธ๋ ๊ณ ์๋ฌดํผ 40์ด๋ผ๋ ์ซ์๊ฐ ๋ค์ด๊ฐ ์ฑ ์ด ๋ง์์ง ๋๋์ด๋ค. ์ด ์ฑ ์ญ์ ์ ๋ชฉ์ ๊ฑธ๋ง๊ฒ ์ด์ 40๋๊ฐ ๋ ์ฌ๋๋ค์ ์ํด ์ด ์ฑ ์ด๋ค. ๋๋ ์์ง 40์ด์ด ๋๋ ค๋ฉด 9๋ ์ด๋ ๋จ์๋๋ฐ... ์ฑ ์ ๋ชฉ์ ๋ณด๊ณ 40์ด์ด ๋๋ฉด ์ด๋ค ๋๋์ผ๊น ์๊ฐํด ๋ณด์๋ค. ๊ฒฐํผ๋ ํ์ ๊ฒ ๊ฐ๊ณ , ์ง์ฅ์ ๋ค๋๋ฉด์ ์ค๊ฐ ๊ด๋ฆฌ์๊ธ์ผ๋ก ์ผ์ ํ๊ณ ์์ ๊ฒ ๊ฐ๋ค. ๊ทธ๋ฆฌ๊ณ ์ง๋ ์๊ณ , ํฐ ์ฐจ๋ ์๊ณ , ์์ด๋ ์๊ณ ๋ณดํต ์ฌ๋๋ค์ด ์ธ์์ ์ด๋ฉด์ ํ์๋ก ํ๊ณ , ๊ฐ์ง๊ณ ์์ด์ผ ํ๋ค๊ณ ์๊ฐํ๋ ๊ฒ๋ค์ ์ด๋ฃจ๊ณ ์ด๊ณ ์์ง ์์๊น? ๊ทธ๋ฐ๋ฐ ์ฑ ์ ์ฝ๊ณ ..