web_frontend(29)JS 개요(표기법, 숫자세기, 주석)

2021. 3. 16. 02:54web_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) 기호로 요소의 상태를 표시