<꿀팁모아 : 173번째 포스팅> 자바 스크립트 구문(Syntax)

<꿀팁모아 : 173번째 포스팅> 자바 스크립트 구문(Syntax)

안녕하세요 꿀팁모아의 희망주기입니다

 

오늘 알아볼 주제는

 

자바 스크립트 구문(Syntax)입니다

 

1 서론 

  저번 포스팅에서 이야기 했던 JS statement에 이어서 오늘은 syntax에 대해서 알아보려고 해요. JS statement에서 다섯번째 이야기했던 키워드들 기억나시나요? 그것을 이용하여 구문을 어떻게 작성하는 건지 이야기하려고 합니다. 물론 다섯번째만 쓰이는 것이 아닌 세미콜론이라든가 문 사이에 줄 바꿈을 이용하는 것도 있습니다. 자바 스크립트 구문은 규칙의 집합이기에 앞으로 설명할 syntax들에 대해서 구체적으로 알려드릴 예정이니 잘 따라오시면 좋을 거 같습니다

 

  JavaScript 구문은 두 가지 유형의 값을 정의합니다

 

  1) 고정 값 

  2) 변수 값 

 

   >> 고정 값을 리터럴이라고 합니다 

   >> 변수 값을 변수라고 합니다 

2 본론

  2-1 자바 스크립트 리터럴 

 

  고정 값에 대한 가장 중요한 두 가지 구문 규칙은 다음과 같은데요. 첫번째로는 숫자는 십진수 또는 십진수 없이 작성이 된다는 것입니다. 두번째로는 문자열은 큰 따옴표 또는 작은 따옴표로 작성된 테스트입니다. 

숫자

문자열

  2-2 자바 스크립트 변수 

 

  프로그래밍 언어에서 변수는 데이터 값을 저장하는데 사용되는데요. 자바 스크립트는 키워드를 사용하고 변수를 사용하는데 이때, var let const를 사용합니다. 등호는 변수에 값을 할당하는데 사용되며 이 예에서 x는 변수로 정의됩니다. 그런 다음 x는 값 6을 할당합니다. 

JS 변수

  2-3 자바 스크립트 연산자

 

  자바 스크립트는 산술 연산자 ()를 사용하여 값을 계산합니다. 또한, 대입 연산자 ()를 사용하여 변수에 값을 할당합니다.

JS 연산자

  2-4 자바 스크립트 표현식 

 

  표현식은 값, 변수 및 연산자의 조합으로 값으로 계산하는데요. 이때 계산을 평가라고 합니다. 예를 들자면 5*10은 50으로 평가됩니다. 표현식은 변수 (x,y 등) 값을 포함할 수 도 있습니다. 값은 숫자 및 문자열과 같은 다양한 유형일 수 도 있는데요. 예를 들자면, "John" + " " + "Doe"는 "John Doe"로 평가됩니다. 

JS 표현식

  2-5 자바 스크립트 키워드 

 

  JavaScript 키워드는 수행할 작업을 식별하는데 사용되는데요. let 키워드는 브라우저에 변수를 생성하도록 지시하는 역할입니다. var 키워드는 브라우저에 변수를 생성하도록 지시합니다. 

let 키워드

 

var 키워드

  2-6 자바 스크립트 댓글

 

  모든 JavaScript 문이 "실행"되는 것은 아닌데요. 이중 슬래시 후 또는 그 사이의 코드는 주석으로 처리됩니다. 주석은 무시되며 실행되지 않기 때문에 걱정하실 필요가 없습니다. 

JS 댓글

  2-7 자바 스크립트 식별자 / 이름

 

  식별자는 자바 스크립트 이름인데요. 식별자는 변수와 키워드 및 함수의 이름을 지정하는데 사용됩니다. 법적 이름에 대한 규칙은 대부분의 프로그래밍 언어에서 동일하다는 점!! 

 

  자바 스크립트 이름은 다음과 같이 시작해야한다: 

 

  1) 문자 (A-Z 또는 a-z)

   2) 달러 기호 ($)

    3) 밑줄 (_)

 

  2-8 자바 스크립트는 대소문자를 구분

 

  모든 JavaScript 식별자는 대/소문자를 구분합니다. 변수와 , 는 두 개의 서로 다른 변수 입니다. 

자바 스크립트 대소문자 구분

3 결론

  오늘은 JavaScript를 사용하는 유저라면 무조건적으로 알아야 하는 syntax에 대해서 알아보았는데요. 고정값인 리터럴과 변수값인 변수에 대해서도 알아보았고 그 외 연산자, 표현식, 키워드 그리고 댓글 등과 같은 syntax들을 알아보았습니다. 이해가 되지 않는다면 다시 정주행해서 봐주시면 좋을 거 같아요. 그래도 이해가 되지 않는 다면 제가 예로 써 놓았던 statement들을 실행 시켜보는 것도 좋을 거 같습니다.