web_frontend(29)JS 개요(표기법, 숫자세기, 주석)
2021. 3. 16. 02:54ㆍweb_frontend(패스트캠퍼스 강의 정리)
표기법
1. dash-case(kebab-case)
2. snake_case
3. camelCase
4. ParcelCase
5.BEM(Block Element Modifier) -> HTML 클래스 속성의 작명법
1. dash-case(kebab-case) HTML과 CSS에서 주로 사용
ex)
the-quick-brown-fow-jumps-over-the-lazy-dog
2. snake_case HTML과 CSS에서 주로 사용
ex)
the_quick_brown_fow_jumps_over_the_lazy_dog
3. camelCase JS에서 대부분 사용
ex)
theQuickBrownFowJumpsOverTheLazyDog
4. ParcelCase JS에서 사용(함수 정의와 같은 특수 한 경우)
ex)
TheQuickBrownFowJumpsOverTheLazyDog
Zero-based Numbering
0 기반 번호 매기기! (특수한 경우를 제외하고 0부터 숫자를 시작한다.)
주석
// 한 줄 메모
/* 한 줄 메모도 가능 */
/*
여러 줄
여러 줄
여러 줄도 가능
*/
BEM(Block Element Modifier)
요소__일부분 : Underscore(Lodash) 기호로 요소의 일부분을 표시
요소--상태 : Hyphen(Dash) 기호로 요소의 상태를 표시
'web_frontend(패스트캠퍼스 강의 정리)' 카테고리의 다른 글
web_frontend(31)JS 변수 (0) | 2021.03.16 |
---|---|
web_frontend(30)JS 데이터 종류(자료형) (0) | 2021.03.16 |
web_frontend(27)CSS 전환 (0) | 2021.03.15 |
web_frontend(26)CSS 플렉스(정렬) Items (0) | 2021.03.14 |
web_frontend(25)CSS 플렉스(정렬) Container (0) | 2021.03.14 |