⭐기본 용어 설명
자바스크립트에서 필요한 기본적인 용어들에 대한 설명을 하겠다
📕표현식(expression)
표현식 : 값을 만들어내는 코드
ex) 수박 = 명사, 맛있는 수박 = 명사구
ex) 1 -> 표현식, 1+1 -> 2를 만드는 표현식, "Hello World" -> 표현식
ex) 10 + -> 표현식X(값이 만들어지지 않았다)
ex) Math.abs(-10) -> 10을 만드는 표현식
ex) console.log(' ') -> ' '을 만드는 표현식
결과적으로 값이 만들어지면 표현식
📗문장 구분하기
문장 : 프로그램에서 코드를 실행하는 단위, 문장종결기호가 나오기 전까지의 한 단위
( 문장종결기호 - 줄바꿈, ; )
ex) 안녕하세요. -> .으로 끝이 났으니까 문장
ex) 강아지와 산책을 갔다. -> .으로 끝이 났으니까 문장
ex) 10 -> 표현식이면서 문장, 10;10;10; -> 문장3개
표현식 하나를 나타내는 문장을 표현식 문장, 식문(expression statement) 라고 부른다.
자연 언어의 문장(sentence), 프로그래밍의 문장(statement)
-> if문(if statement), for문(for statement) 등
표현식 O or X , 문장 O or X 총 4가지 경우가 존재한다.
📘키워드
자바스크립트가 처음 만들어질 때 정해놓은 특별한 의미가 있는 단어
ex) await, break, case, else 등
📙식별자
프로그래밍 언어에서 이름을 붙일 때 사용하는 단어
주로 변수명이나 함수명등으로 사용
자바스크립트 식별자를 만들때 반드시 지켜야하는 규칙
- 키워드를 사용하면 안된다
- 숫자로 시작하면 안된다
- 특수 문자는 _와 $만 허용한다
- 공백 문자를 포함할 수 없다
ex) beta, beta1, beta, BETa, , $ -> O
ex) await(키워드), 1beta(숫자로 시작), do beta(공백 문자) ->
개발자들 끼리의 약속
- camelCase
ex) do beta로 식별자를 만들고 싶다 -> doBeta
(공백을 없애고 첫 문자를 대문자로 한다)
위와 같은 방식을 낙타의 등과 비슷하다고 하여 camelCase라고 한다.
- 대문자로 시작하면 클래스(class)
ex) Array, Number, Component -> 시작문자만 대문자로 대부분 사용
ex) ARRAY, NUMBER, COMPONENT -> 이렇게 사용해도 문제 없지만
개발자들이 싫어할 것 ( 상수라고 생각한다 )
- 소문자로 시작하면 4가지
| 구분 | 단독 사용 | 다른 식별자와 사용 |
|---|---|---|
| 식별자 뒤에 괄호 없음 | 변수 | 속성 |
| 식별자 뒤에 괄호 있음 | 함수 | 메소드 |
ex) alert('Hello World'), prompt('Messate', 'Defstr') -> 함수
ex) Array.length, Math.PI -> 속성
ex) input -> 변수
ex) Math.abs(-273) -> 메소드
C# 같은 언어는 위 4가지가 완벽하게 구분된다
그러나 자바스크립트같은 경우는 경계가 굉장히 모호하다
나중에는 경계가 붕괴되는 일이 생길 수 있다
