본문 바로가기
매일 해내는 개발/자바스크립트

자바스크립트 문법 기초#1

by 해야지 2022. 6. 24.
반응형

자바스크립트 문법의 기초 첫번째


세미콜론

자바스크립트는 세미콜론 생략이 가능하다.

자바스크립트 세미콜론


변수와 상수

-변수 : 변할 수 있는 값을 선언할 때 사용 --> let
-상수 : 변하지 않는 값을 선언할 때 사용  --> const

하지만 let은 잘 사용하지 않음! const로 무조건 선언하고 데이터 변경이 필요할 때 잠시 let으로 수정하는 것을 권장함

자바스크립트 변수와 상수 명명규칙
- 첫 글자는 영문자, $, _만 사용할 수 있다.
- 첫 글자 이외에는 영문자, $ , _ , 숫자만 사용할 수 있다.
- 영문자는 소문자와 대문자를 구분한다.
- 자바스크립트의 예약어는 사용할 수 없다.(const, let 등)
- 공백 문자를 포함할 수 없다.

자바스크립트 문법 변수와 상수자바스크립트 변수와 상수2
const는 수정하면 오류발생


원시 자료형

원시 데이터 타입이란 객체가 아니면서 메소드도 가지지 않는 어떠한 값을 의미함
1. Number : 정수, 부동소수점 숫자
2. BigInt : 숫자 데이터 타입으로 표현할 수 있는 범위를 넘어선(2의 53승-1보다 크거나 -2의 53승-1보다 작은) 숫자를 표현할 때 사용. 정수 끝에 n을 붙여 표현
3. String : 따옴표로 감싼 문자 또는 문자열을 나타냄.
                       따옴표 종류 -> 작은따옴표 'string',    큰따옴표 "string ",    백틱 `string`
4. Boolean : true 또는 false를 값으로 가지는 논리 타입으로 참 또는 거짓을 의미함
5. null : 값이 존재하지 않음을 나타냄
6. undefined : 값이 아직 지정되지 않았음을 나타냄
7. Symbol: 객체의 고유한 실별자를 만들기 위해 사용함

자바스크립트 원시 자료형


참조 자료형

참조 데이터 타입이란 값 자체가 담기는 원시데이터 타입과 다르게 보관하는 곳의 주소가 담기는 데이터 타입을 의미함
고정된 크기를 가지지 않고 주소만을 가지기 때문에 동적으로 크기가 변하는 데이터를 보관할 수 있음

1. 배열 : 인덱스를 사용해 순차 접근이 가능한 자료형

자바스크립트 배열의 선언 및 배열 요소에 접근하는 방법자바스크립트 배열의 선언 및 배열 요소에 접근하는 방법2
배열의 선언 및 배열 요소에 접근하는 방법

배열의 생성은 대괄호 []를 통해서 하고 데이터는 쉼표로 구분하여 넣는다. 
인덱스를 통해 각 요소에 접근할 수 있으며 이 때 인덱스는 1이 아닌 0부터 시작한다.
arr1은 숫자 데이터 배열이며 arr2는 문자열 배열이다.
사족: arr3과 같이 데이터 타입을 섞어서 사용해도 오류가 발생하지는 않음

2. 객체 : C#에서 딕셔너리와 같은 형태로 키, 값 쌍으로 이루어지며 이러한 키, 값 쌍의 요소를 프로퍼티라고 부른다.

자바스크립트 객체 생성 및 요소 접근 방법자바스크립트 객체 생성 및 요소 접근 방법2
객체 생성 및 요소 접근 방법

객체 생성은 중괄호 {} 안에 키, 값 쌍의 프로퍼티들을 쉼표로 구분하여 작성한다.
객체의 키는 항상 문자 또는 심벌 데이터 타입이어야 한다.


 

자바스크립트 ES6 독학백서 2021버전(저자 이도해)을 보고 학습한 내용을 복습용으로 기록함.

반응형

댓글