대괄호 : [] , 중괄호 : {} , 소괄호 : ()
대괄호 =>[]
-
list를 나열 할 때
-
list의 인덱스를 지정해줄 때 ex) mise[0], mise[1]
중괄호 => {}
-
dictionary를 만들 때 {'key': 'value'}
-
style tag를 적용해줄 떄 ex) .commet { 적용해줄 것 }
-
특정 function에 대해 정의해줄 때 ex). function openclose() { 실행 할 것 }
-
for문의 조건문 뒤에 실행할 것을 적어 줄 때 for (i=0; i<100; i++) { 실행 할 것 }
-
if문 뒤에 실행 할 것을 적어 줄 때 if ( a > b ) { 실행 할 것 }
소괄호 => ()
-
for문의 특정 조건을 적어줄 때 ex) for (i=0; i<100; i++)
-
if문의 특정 조건을 적어 줄 때 ex) if ( a >b )
-
jquery 선택자를 적어줄 때(특정조건) $('#names-q7')
-
함수 이름 바로 뒤에 (매개변수가 들어갈 위치) function openclose() => ()여기에는 특졍 매개변수가 들어갈 수 있다.
위와 같이 정리가 될 수 있겠네요.
위와 같이 적고 보니 어느정도 규칙이 보이는 것 같아요.
일단 기본적으로 list를 만들 때는 대괄호, 그리고 그 list의 특정 인덱스를 뽑아 줄 때도 대괄호를 쓰니
대괄호는 list와 굉장히 밀접하다고 생각하시면 되겠네요.
중괄호와 소괄호는 함께 보면 좋을 것 같은데요.
소괄호는 if문 for문 jquery의 선택자 등 보통 실행할 조건을 적어주는 경우가 많네요.
그리고 중괄호는 그 소괄호 뒤에 나와서 실행할 조건이 맞으면 실행할 것을 적어주는 위주로 사용하고 있습니다.
저도 익숙해서 그냥 사용을 했는데, 이렇게 정리하고 나니 조금은 큰 규칙이 있는 것 같습니다.
'JAVASCRIPT' 카테고리의 다른 글
React Webview에서 앱처럼 뒤로가기 적용하기 (1) | 2022.03.08 |
---|---|
javascript datetime validation (0) | 2020.05.29 |
javascript 05. ajax를 활용하여 댓글 기능 구현하기 (0) | 2020.01.16 |
javascript 04. jquery & ajax 기본 문법 (0) | 2020.01.16 |
javascript 03. SCOPE (0) | 2020.01.16 |