데이터 타입
- 데이테어는 몇가지 종류가 존재 하는데 이것을 데이터 타입이라고 부름.
- 데이터 타입은 크게 숫자, 문자, boolean 으로 구분이 가능함.
- 값이 없을 때는 null로 정의 되고, 정의 되지 않았을 때는 undefined로 구분됨.
- 문자열(String) : 문자열 ""안에 적어주며, 따옴표 안에 족힌 값들은 숫자여도 문자열로 취급이 됨.
- 숫자(Number) : 숫자를 나타내는 자료형이며 모든 숫자를 실수로 처리함.
- 불린(Boolean) : true 또는 false로 나타내는 자료형.
- undefined : 변수를 선언했지만 값이 할당되지 않았을 때 자바스크립트 엔진이 암묵적으로 초기화 하는 값.
- null : 의도적으로 값이 없을을 명시하기 위해 할당하는 값.
- typeof 명령어를 이용하여 자료형을 확인 할 수 있음.
typeof "name" // "string"을 반환합니다.
typeof "nubmer" // "number"을 반환합니다.
typeof "fool" // "boolean"을 반환합니다.
Number("35") // 문자 35 를 숫자 35 로 변경합니다.
String(24) // 숫자 24 를 문자 "24" 로 변경합니다.
String(true) // 불린 true를 문자 "true"로 변경합니다.
연산자
- 산술연산자는 더하기(+) , 빼기(-), 곱하기(*), 나누기(/), 나머지(%)와 같은 연산을 하는 기호를 의미함.
- 숫자 + 문자 사용하면 문자열이 나온다.
비교 연산자
- 비교연산자는 좌우의 두 값을 비교해야 할 때 사용하는 연산자 이며, Boolean을 반환함.
- === : 같다
- !== : 같지 않다
- <= : 작거나 같다
- >= : 크거나 같다
- > : 크다
- < : 작다
- == , === 은 엄격하냐 느슨하냐의 차이의 값을 보내줌.
- == 은 타입은 상관없이 값만 같으면 됨.
- === 타입과 값이 같아야 함.
논리 연산자
- 논리연산자는 그리고 && , 또는 || , 부정 ! 을 나타내는 기호이다.
조건문
- if 문을 특정 조건이 참일때 명령문을 실행하며, 거짓일경우에는 else 문을 실행하게 된다.
- 조건은 비교연산자를 사용 한 참 또는 거짓으로 평가되는 표현식.
if( 조건1 ) {
// 조건1이 참이면 실행
} else if( 조건2 ) {
// 조건1은 거짓, 조건2는 참이면 실행
} else {
// 모두 거짓이면 실행
}
반복문
- 반복문은 반복적인 작업을 해야 할 때 사용하는 문법.
- 초기식 : 변수의 선언 let 변수 = 0
- 조건식 : ****반복 할 조건
- 증감식 : 변수의 증가 또는 감소 식 i++ / i--
- break, continue를 이용하여 특정 조건시 반복문 종료, 뛰어넘기를 이용 할 수 있다.
수학객체
- 수학과 관련된 기능과 속성을 가진 객체를 제공함.
- 수학객체 메서드를 이용하면 수학과 관련된 작업들을 편리하게 처리 할 수 있음.
최솟값, 최댓값
// 최대값, 최소값
Math.max(4, 29, 1, 12) // 29
Math.min(4, 29, 1, 12) // 1
반올림, 올림, 버림
Math.round(2.712) // 3
Math.ceil(4.1) // 5
Math.floor(12.8) // 12
랜덤
Math.random() // 0.822...(0 ~ 1 까지의 임의의 수)
루트
Math.sqrt(2) // 1.414...
인증번호 만들기
const number = 0.002345 // 만약 Math.random() 의 결과가 0.002345 인 경우,
const token = 2345 // Math.floor(0.002345 * 100000)
const paddedToken = String(token).padStart(6, "0") // 002345
console.log("휴대폰 인증번호: " + paddedToken)
DOM
- Document Object Model의 줄임말로, 웹브라우저가 정적인 웹페이지를 변경하거나 조작하기 위해 HTML 파일을 자바스크립트 객체로 만들어줌.
- 자바스크립트로 HTML을 수정, 변경하거나 HTML에 작성된 내용을 자바스크립트 변수에 담아서 사용함.
