Bibi's DevLog ๐ค๐
Camel case, Kebab case, Snake case ๊ทธ๋ฆฌ๊ณ Pascal case ๋ณธ๋ฌธ
๐ฅ BE ๋ฐฑ์๋
Camel case, Kebab case, Snake case ๊ทธ๋ฆฌ๊ณ Pascal case
๋น๋น bibi 2021. 3. 17. 00:27Camel case, Kebab case, Snake case ๊ทธ๋ฆฌ๊ณ Pascal case
์ ๋งํฌ์์ ๋๋ฌด ์ค๋ช ์ ์ ํด์ฃผ์ ์ ๋๋ ์์ฝ์ ๋ฆฌ๋ง ํ๋ค!
-case ๊ท์น์ผ๋ก ๋ค์ด๋ฐ์ ํ๋ ์ด์ ?
- ํ๋ก๊ทธ๋๋ฐ์์ ๊ณต๋ฐฑ์ ์ ๊ฑฐํ๊ธฐ ์ํด์์ด๋ค.
Camel Case
- ๋ํ ํน์ฒ๋ผ ์ค๋ฅด๋ฝ๋ด๋ฆฌ๋ฝํด์ camel case์
- ์ฒซ ๋ฌธ์๋ฅผ ์ ์ธํ๊ณ ๋จ์ด์ ์ฒซ ๊ธ์๋ฅผ ๋๋ฌธ์๋ก ํ๊ธฐ
- My Visitor Count ->
myVisitorCount
Snake Case
- ์ธ๋์ค์ฝ์ด(
_
)๋ฅผ ๊ตฌ๋ถ์๋ก ํ ํ๊ธฐ๋ฐฉ์ - My Visitor Count ->
my_visitor_count
- ์์์ ๊ฒฝ์ฐ
MY_VISITOR_COUNT
์ ๊ฐ์ด ๋ชจ๋ ๋๋ฌธ์๋ก ํ๊ธฐ - ์ฃผ๋ก ์์ ํํ์ ์ฌ์ฉ
- ์ธ๋์ค์ฝ์ด(
Kebab Case
- ๋จน๋ ์ผ๋ฐฅ์์ ์ ๋ํจ
- ๋์(
-
)๋ฅผ ๊ตฌ๋ถ์๋ก ํ๋ฉฐ, ๋ชจ๋ ์๋ฌธ์๋ก ํ๊ธฐํจ - My Visitor Count ->
my-visitor-count
- URL์ฃผ์, ์คํ๋ง ymlํ์ผ์ ์ฌ์ฉ
- HTMLํ๊ทธ์ id, class ์์ฑ์ผ๋ก ์ฌ์ฉ
Pascal Case
- ์นด๋ฉ ์ผ์ด์ค์ ์ ์ฌํ๋ ์ฒซ ๋ฌธ์๊น์ง ๋๋ฌธ์๋ก ํํ.
- My Visitor Count ->
MyVisitorCount