자바스크립트란?
- 몇 줄의 코드만으로 웹페이지를 동적으로 동작할 수 있도록 만들어주는 프로그래밍 언어
- 현재는 웹페이지뿐만 아니라 서버, 데이터베이스, 게임, 영상, 인공지능 등 많은 부분에서 활용됨
변수와 상수
자바스크립트에서는 데이터를 다루기 위해 변수와 상수를 사용
특정 데이터를 변수에 저장하고 호출하며, 호출된 데이터를 정제할 수 있다
- 변수 (값이 변할 수 있음) :
var,let - 상수 (값이 변할 수 없음) :
const
변수 선언과 데이터 할당
1. 선언(declaration)
변수의 이름을 알려주는 행위
변수와 상수를 사용하기 위해서는 변수 또는 상수를 선언해야 함
let result
// 변수를 선언하는 키워드는 총 세가지
// var, let, const2. 할당(definition)
변수에 데이터를 담아주는 행위
변수에 데이터를 할당하면, 할당된 데이터가 컴퓨터의 메모리에 저장됨
result = 10 + 20;
// result라는 변수에 (10 + 20) 이라는 데이터가 담김3. 선언과 할당을 한번에
/*-선언부-*/
let result = 10 + 20;
/*-할당부-*/변수 선언 키워드
변수와 상수의 종류와 특징
| 구분 | var | let | const |
|---|---|---|---|
| 재선언(변수명 중복) | O | X | X |
| 재할당(데이터 수정) | O | O | X |
📌 변수명은 동사가 아닌 명사로 선언
📌 첫 글자는 숫자 사용 불가
예약어
자바스크립트에는 예약어 라는 키워드가 존재
예약어는 자바스크립트 내에서 특별한 의미를 가진 단어들이기 때문에 변수로 사용하려고 하면 에러 발생 -> 예약어를 제외한 변수명을 선언해야 함
ex) new, else, do. if, break, case, finally, catch, this ...
String, Number
데이터 타입의 종류
String ( 문자열 )
"".'' 안에 입력된 데이터는 문자열 데이터로 표시됨
String 타입의 데이터도 더하기(+) 연산을 사용할 수 있음
"hello" + "world"
-> "hello world"
// 문자열의 더하기 연산은 단어와 단어를 연결해 줌문자열의 메서드와 속성
문자열도 배열과 같이 메서드를 이용할 수 있으며, index를 이용해 요소를 호출할 수 있다.
// 문자열(배열)
const classmates = "철수"
classmates[0] = "철"
classmates[1] = "수"
// 문자열 쪼개기
const classmates2 = "철수&영희"
classmates2.split("&") // ["철수", "영희"]
// 문자열 양쪽 공백 제거
const classmates3 = " 철수 & Milk "
classmates3.trim() // "철수 & Milk"
// 문자열 대소문자 변환
classmates3.toUpperCase() // "철수 & MILK"
classmates3.toLowerCase() // "철수 & milk"
// 문자열에 빈칸 채우기
const Number = "1234"
Number.padStart(10, "0"). // "0000001234"
Number.padEnd(10, "0"). // "1234000000"Number ( 숫자 )
숫자 데이터
여러가지 산술연산자 사용 가능
1 + 2 // 덧셈
2 - 1 // 뺄셈
2 * 1 // 곱셈
2 / 1 // 나눗셈
2 % 1 // 나머지📌 숫자가 아닌 값으로 연산을 시도할 경우 NaN (Not a Number) 를 반환함
문자와 숫자 혼합연산
더하기 연산자( + )는 문자타입과 숫자타입에서 모두 사용됨
이때, 문자타입과 숫자타입을 혼합해서 더하기 연산자( + )를 사용할 경우
-> 숫자타입이 문자타입으로 변환되어 문자열의 연산으로 간주됨
// 연산 가능
"문자 타입" + 10
-> "문자 타입10"
// 연산 불가능
"a" - 12 // NaN
"a" * 12 // NaN
"a" / 12 // NaN
"a" % 12 // NaN그 외의 데이터 타입
- Boolean
- undefined
- null
- symbol
- Bigint
- Object
Keep going