ํ๊ธฐ๋ฒ
HTML, CSS, JavaScript๋ฅผ ํตํ์ด์ 4๊ฐ์ง์ ํ๊ธฐ๋ฒ์ด ์กด์ฌํ๋ค.
dash-case(kebab-case). snake_case, camelCase, ParcelCase
thequickbrownfoxjumpsoverthelazydog ๋ผ๊ณ ์์ฑํ๋ฉด ๋ฌด์จ ์๋๋ก ์์ฑํ ๊ฒ์ธ์ง ํ ๋์ ํ์ ํ๊ธฐ๊ฐ ์ด๋ ต๋ค.
๊ทธ๋ ๊ธฐ ๋๋ฌธ์ ๊ธฐํธ๋ฅผ ์ฌ์ฉํ์ฌ ์ปดํจํฐ๋ ํ๋์ ๋จ์ด๋ก ์ธ์ํ๊ฒ ํ๋ฉด์๋ ์ฌ๋์ด ์ฝ๊ธฐ ์ฝ๋๋ก ๊ฐ ๋จ์ด๋ฅผ ๊ตฌ๋ถํด์ค ํ์๊ฐ ์๋ค.
1. dash-case
๋์ฌ ๊ธฐํธ๋ฅผ ์ฌ์ฉํ๋ ํ๊ธฐ๋ฒ
์ฃผ๋ก HTML๊ณผ CSS์์ ์ฌ์ฉ๋๋ค.
2. snake_case
์ธ๋๋ฐ ๊ธฐํธ๋ฅผ ์ฌ์ฉํด์ ๋จ์ด์ ๋จ์ด๋ฅผ ๊ตฌ๋ถํด์ฃผ๋ ํ๊ธฐ๋ฒ
snake_case ์ญ์ HTML๊ณผ CSS์์ ์ฃผ๋ก ์ฌ์ฉ๋๋ค.
3. camelCase
์ฒซ๋ฒ์งธ ๋จ์ด๋ฅผ ์ ์ธํ ๋๋จธ์ง ๋จ์ด๋ค์ ์์ ๊ธ์๋ฅผ ๋๋ฌธ์๋ก ์์ํ์ฌ ํ๊ธฐํ๋ ๋ฐฉ๋ฒ
HTML์ด๋ CSS ๋ณด๋ค๋ ์ฃผ๋ก JS์์ ์ฌ์ฉ๋๋ ํ๊ธฐ๋ฒ์ด๋ค.
4. PascalCase
์ฒซ๋ฒ์งธ ๋จ์ด๋ฅผ ํฌํจํ์ฌ ๋ชจ๋ ๋จ์ด๋ค์ ์์ ๊ธ์๋ฅผ ๋๋ฌธ์๋ก ์์ํ์ฌ ํ๊ธฐํ๋ ๋ฐฉ๋ฒ
์๋ฐ ์คํฌ๋ฆฝํธ์์ ๋๋ถ๋ถ์ ๊ฒฝ์ฐ์๋ camelCase๋ฅผ ์ฌ์ฉํ์ง๋ง ํน์ํ ๊ฒฝ์ฐ pascalCase๋ dash-case, snake_case๋ฅผ ์ฌ์ฉํ๋ค.
Zero-based Numbering
์๋ฐ ์คํฌ๋ฆฝํธ์์๋ ๋๋ถ๋ถ์ ๊ฐ๋ฐ ์ธ์ด์ ๊ฐ์ด ์ซ์๋ฅผ 0๋ถํฐ ์์ํจ.
์ฃผ์
์๋ฐ ์คํฌ๋ฆฝํธ์ญ์ Ctrl + / ๋จ์ถํค๋ฅผ ์ฌ์ฉํด์ ์ฝ๋๋ฅผ ์ฃผ์์ฒ๋ฆฌํ ์ ์๋ค.
'๊ฐ๋ฐ > HTML, CSS, JS' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
๋ณ์, ์์ฝ์ด (0) | 2023.01.11 |
---|---|
๋ฐ์ดํฐ ์ข ๋ฅ(์๋ฃํ) (0) | 2023.01.11 |
๋ณํ(2) (1) | 2023.01.09 |
๋ณํ(1) (0) | 2023.01.09 |
์ ํ (0) | 2023.01.09 |