์ค๋์ ๋ช
์ธ
" ์์ ๊ฐ ์๋ ํ์ ์ ์ง์ผ๋ฉด ์์ ๊ฐ์ด ์๊ธด๋ค. "
- ์ฐฐ์ค ๋ค์
(์๋ฌผ ํ์, <์ข
์ ๊ธฐ์>์ ์ ์)
CSS Diner๋ CSS ์ ํ์๋ฅผ ํ์ตํ๊ณ ์ฐ์ตํ ์ ์๋ ์ฌ๋ฏธ์๋ ์น ๊ธฐ๋ฐ ๊ฒ์์ด๋ค.์ฌ์ฉ์๊ฐ HTML ์ฝ๋์ ์ ์ฉํ ์ฌ๋ฐ๋ฅธ CSS ์ ํ์๋ฅผ ์์ฑํ๋ฉด, ๊ฒ์์ ๊ฐ ๋ ๋ฒจ์ ํด๋ฆฌ์ดํ๋ฉฐ ์ ์ ๋ ๋ณต์กํ ์ ํ์๋ฅผ ์ตํ ์ ์๋ค. ์ด ๊ฒ์์ CSS๋ฅผ ๋ฐฐ์ฐ๊ฑฐ๋ ๋ณต์ตํ๊ณ ์ถ์ ์ด๋ณด์์ ์ค๊ธ์๋ฅผ ์ํ ์ข์ ๋๊ตฌ์ด๊ณ ํนํ ์ ํ์ ๊ณต๋ถ๋ฅผ ํ๊ณ ์ถ์ ์ฌ๋๋ค๊ป ์ถ์ฒํ๋ค.ํฌ๋กค๋ง ์ฐ์ตํ์๋ ๋ถ๋ค๊ป๋ ๋ง์ ๋์์ด ๋ ๊ฒ ๊ฐ๋ค. https://flukeout.github.io/ CSS DinerA fun game to help you learn and practice CSS selectors.flukeout.github.io ๊ฐ์ฅ ์ฌ์ด ๋์ด๋์ธ 1๋ฒ๋ถํฐ ๊ฐ์ฅ ์ด๋ ค์ด 32๋ฒ๊น์ง ์๋ค.ใ
ใ
ํ๋ฉด์์ ๊ณ ๋ฅด๋ผ๊ณ ํ๋ ๋ฌผ๊ฑด์ ๊ณ ๋ฅด๋ CSS..
์๋ฐ ์จ๋ผ์ธ IDE ๋ชจ์ ๐ฉ๐ผโ๐ป ์ธํ
๋ฆฌ์ ์ด๋ ์ดํด๋ฆฝ์ค๋ฅผ ์ค์นํ์ง ์๊ณ ๋,๋ธ๋ผ์ฐ์ ์์ ๋ฐ๋ก ์คํ๊ฐ๋ฅํ ์๋ฐ IDE ์น ์ปดํ์ผ๋ฌ ์ฌ์ดํธ ๋ ๊ฐ ๊ฐ์ ธ์ ๋ดค์ด์.์ฝํ
๋ฌธ์ ํ ๋ ๊ฐ๋จํ ์ฝ๋ ํ
์คํธ ํ๋ ์ฉ๋๋ก ์ฌ์ฉํ์๋ฉด ์ข์ ๊ฒ ๊ฐ์ต๋๋ค. ์ ๊ฐ ์ถ์ฒํ๋ ์๋ฐ ์น์ฝ๋ฉ ์ฌ์ดํธ๋Online Java IDE์ JDoodle, MyCompiler ์
๋๋ค.๊ฐ๋จํ๊ฒ ์ฝํ
๊ฒฐ๊ณผ ์ฝ์์ ์คํํ ์ฉ๋๋ก๋ MyCompiler ์ถ์ฒํฉ๋๋ค~ ์ด๋ค ์ฌ์ดํธ๊ฐ ๋ ์ ํฉํ ์ง๋ ์ฃผ๋ก ๊ฐ๋ฐ ํ๊ฒฝ๊ณผ ์๊ตฌ๋๋ ๊ธฐ๋ฅ์ ์์ค์ ๋ฐ๋ผ ๋ฌ๋ผ์ง๋๋ค.Jdoodle์ ๊ฒฝ๋ํ๋ ์ฝ๋ ํ
์คํธ์ ๋ค์ค ์ธ์ด ์ง์์ ์ด์ ์ด ๋ง์ถฐ์ ธ ์์ด, ์ด๋ณด์๋ ๊ฐ๋จํ ์ฝ๋ ์คํ ๋ฐ ๊ฒฐ๊ณผ ํ์ธ์ ์ ํฉํ๋ฉฐ, ๋ณต์กํ ๋๋ฒ๊น
์ด ํ์ํ ๋๊ท๋ชจ ํ๋ก์ ํธ๋ณด๋ค๋ ํ์ต์ด๋ ๋น ๋ฅธ ํ
์คํธ..
'์จ๋ผ์ธ' ํ๊ทธ์ ๊ธ ๋ชฉ๋ก
๋จ์ถํค
๋ด ๋ธ๋ก๊ทธ
๋ด ๋ธ๋ก๊ทธ - ๊ด๋ฆฌ์ ํ ์ ํ |
Q
Q
|
์ ๊ธ ์ฐ๊ธฐ |
W
W
|
๋ธ๋ก๊ทธ ๊ฒ์๊ธ
๊ธ ์์ (๊ถํ ์๋ ๊ฒฝ์ฐ) |
E
E
|
๋๊ธ ์์ญ์ผ๋ก ์ด๋ |
C
C
|
๋ชจ๋ ์์ญ
์ด ํ์ด์ง์ URL ๋ณต์ฌ |
S
S
|
๋งจ ์๋ก ์ด๋ |
T
T
|
ํฐ์คํ ๋ฆฌ ํ ์ด๋ |
H
H
|
๋จ์ถํค ์๋ด |
Shift + /
โง + /
|
* ๋จ์ถํค๋ ํ๊ธ/์๋ฌธ ๋์๋ฌธ์๋ก ์ด์ฉ ๊ฐ๋ฅํ๋ฉฐ, ํฐ์คํ ๋ฆฌ ๊ธฐ๋ณธ ๋๋ฉ์ธ์์๋ง ๋์ํฉ๋๋ค.