본문 바로가기
JavaScript

자바스크립트 변수 표현식, 문장, 식별자, 예약어, 주석

by hyowon shin 2023. 7. 22.
반응형

Javascript 썸네일

표현식과 문장 expression and statement

표현식은 값을 만들어 내는 것을 말합니다. 
문장은 하나 이상의 표현식이 모인 것을 말합니다. 문장을 끝맺을 때는 세미콜론(;)을 붙여줍니다.
세미콜론(;)은  문장과 문장을 구분하는 역할을 합니다.
표현식의 예시입니다. 3.14, 1 + 2 / 3, “abcde”
문장의 예시입니다. let pi = 3.14;, alert(“Hi there!”);

식별자와 예약어 Identifier and Keyword

식별자는 변수 명과 함수 명과 같은 이름을 붙일 때 사용하는 단어입니다. 
식별자는 숫자로 시작할 수 없고, 특수문자는 밑줄(_) 또는 달러($)로 시작해야 합니다.
사용 불가능한 변수 명에서 break는 식별자의 규칙에는 부합하지만 사용할 수 없습니다. 그 이유는 해당 변수 명은 javascript에서 사용하는 예약어이기 때문입니다.
예약어는 변수명으로 사용할 수 없습니다. 
식별자는 단독으로 사용하는 경우에 식별자 뒤에 괄호가 있으면 함수이고, 괄호가 없으면 변수입니다. 
다른 식별자와 같이 사용하는 경우 식별자 뒤에 괄호가 있으면 메서드, 없으면 속성이라고 합니다. 
변수의 예시입니다. output01 
속성의 예시입니다. Array.prototype
함수의 예시입니다. alert(“Hi there”)
메서드의 예시입니다. Math.round()

주석 comment 

주석은 소스코드를 살펴보기 위해 꼭 필요한 요소입니다. 
첫 번째 형태는 한 줄 주석이 있습니다. 주석 기호로 슬래시 2개(//)를 붙이고 내용을 작성합니다.  // 바로 뒤에 작성한 내용만 주석으로 인식합니다. 주석 내용이 한 줄을 넘으면 오류가 발생합니다.
한 줄 주석 예시는 var Today = new Date(); // 현재 날짜를 Today 변수에 넣기 
두 번째 형태는 주석 내용이 여러 줄입니다. 주석 기호(/*)를 맨 앞에, 닫는 주석 기호(*/)를 맨 뒤에 넣습니다. 그리고 /* 과 */사이에 주석 내용을 작성합니다. 
여러 줄 주석 예시입니다.
/* 현재 날짜를 가져와 시, 분, 초를 추출합니다.
화면에 보여주는 함수입니다 */
여러 줄 형태의 주석 처리에서 주의할 점은 주석을 중첩해서 사용할 수 없습니다. 

변수 variable 

변수는 프로그램을 실행하는 동안 값이 여러 번 달라질 수 있는 데이터입니다.
상수(Constant)는 값을 한 번 지정하면 바뀌지 않는 데이터입니다.
변수 선언하는 방법은 3가지가 있습니다. var는 변수를 선언하고 동시에 값을 초기화합니다.
let은 블록 범위의 지역변수를 선언하고 동시에 값을 초기화합니다.
const는 블록 범위의 상수를 선언합니다.
변수 생성은 프로그래밍을 할 때 변수를 잡는 이유는 프로그래밍을 하면서 지속적으로 사용해야 하는 값들을 저장해 놓고 필요할 때 재사용하거나, 지정한 값을 수정하면서 프로그램을 효율적으로 작성할 수 있기 때문입니다. 
변수를 생성하는 기본 문법은 let 키워드 다음에 변수 명을 입력하고 등호(equal sign) 뒤에 해당 변수명에 저장할 값을 지정합니다. 
변수 생성의 예시입니다. let a = 97;
변수 이름은 의미 있게 작성해야 합니다. 변수를 수십 개 사용하므로 각 변수의 역할을 일일이 기억하기 쉽지 않습니다. 그래서 변수 이름만 보고도 대충 어떤 값인지 추측할 수 있도록 하는 것이 좋습니다. 
변수 이름 예시입니다. 학생들의 중간고사 시험 점수 합계라면 midExamTotal, 평균 점수라면 midExamAverage으로 이름을 정하면 누구나 알아보기 쉽습니다.  
자료형이란 프로그램에서 처리할 자료(data)의 형태를 뜻합니다. 예를 들어 '97'을 숫자로 처리하는지 문자열로 처리하는지에 따라 프로그램의 결과는 달라집니다. 컴퓨터는 '10'은 숫자이고, ‘nice’는 문자라는 것을 따로 알려줘야 합니다. 이렇게 컴퓨터가 처리할 수 있는 자료의 형태를 자료형(data type)이라고 합니다.
변수 타입은 기본 타입과 참조 타입으로 구분됩니다.  저장되는 값이 종류에 따라서 크게 두 가지로 구분됩니다. 자바스크립트는 엄격하게 타입을 체크하지 않습니다. 변수에 어떤 값이 저장되느냐에 따라 해당 변수의 타입이 결정됩니다. 
기본 타입은 원시 데이터로 더 이상 단순화할 수 없는 값입니다. 데이터 및 정보의 가장 단순한 형태입니다.
기본 타입 종류는 숫자, 문자열, boolean, null, undefined입니다.
참조 타입은 다른 여러 값으로 구성된 복합 값입니다. 기본 타입 외의 모든 타입으로 객체입니다.
참조 타입 종류는 배열, 함수, 정규 표현식이 있습니다.
숫자는 숫자를 저장합니다. 숫자는 2가지 종류가 있습니다. 정수는 소수점이 없는 숫자입니다. 실수는 소수점이 있는 숫자입니다. 숫자의 예시입니다. let a = 97;
문자는 따옴표 안에 저장합니다. 문자열의 예시입니다. let stringLanguage = “JavaScript”
Boolean은 참(true), 거짓(false) 값을 저장합니다. Boolean 예시입니다. let turnOn = true; 
Null은 아무런 값도 가지지 않는 값입니다.  Null 예시입니다. let N = null; console.log(N); // 결과 null
undefined 값을 할당(저장) 하지 않았을 때 undefined 예시입니다. let u; console.log(u); // 결과 undefined

 

반응형

'JavaScript' 카테고리의 다른 글

자바스크립트 객체  (0) 2023.07.24
자바스크립트 함수  (0) 2023.07.23
자바스크립트 연산자  (0) 2023.07.22
자바스크립트 forEach  (0) 2023.04.06
자바스크립트 for of 반복문 지금 쓰자!  (1) 2023.04.03