JavaScript는 원래 브라우저에서 실행하기 위해 만들어진 프로그래밍 언어입니다.
그래서 HTML 파일과 JavaScript 파일을 함께 브라우저에서 실행해야 작동합니다.
기계어: 컴퓨터가 이해할 수 있는 숫자로만 구성된 언어. 사람이 쉽게 이해할 수 없다.
프로그래밍 언어: 개발자가 프로그램을 작성하기 위한 언어. 기계어와 다르게 사람이 다룰 수 있는 수준의 문법과 의미를 지닌다.
자바스크립트(JavaScript): JavaScript는 브라우저, 서버, 모바일 개발이 가능한 멀티 패러다임 프로그래밍 언어입니다.
JavaScript 엔진: JavaScript 코드를 실행할 수 있는 프로그램입니다. 크롬에 내장된 v8이 대표적입니다.
Number type
자바스크립트에서 숫자를 입력할 수 있는 타입 입니다. 정수(integer)와 실수(float)를 모두 표현할 수 있습니다.
Math 내장 객체
Math.floor(): 괄호 안의 숫자를 내림하여 반환합니다.
Math.ceil(): 괄호 안의 숫자를 올림하여 반환합니다.
Math.round(): 괄호 안의 숫자를 반올림하여 반환합니다.
Math.abs(): 괄호 안의 숫자의 절대값을 반환합니다.
Math.sqrt(): 괄호 안의 숫자의 루트값을 반환합니다.
Math.pow() : 괄호 안의 첫 번째 숫자를 밑, 두 번째 숫자를 지수인 숫자를 반환합니다.
Boolean : 사실 관계를 구분하기 위한 타입입니다. 불리언 타입의 값은 true 혹은 false 둘 중 하나입니다.
String type
인간의 언어, 자연어를 JavaScript에서 표현하기 위한 데이터 타입입니다. 따옴표(’), 큰따옴표(”), 백틱(`)으로 감싸면 됩니다.
문자열의 length 속성 : 문자열의 length 속성을 이용하여 문자열의 길이를 확인할 수 있습니다. 문자열 값에 .length 를 붙이면 됩니다.
인덱스(index) : 각 문자가 몇 번째에 위치하는지 인덱스(Index)로 확인할 수 있습니다. 첫 번째 문자의 인덱스는 0입니다. console.log(str[0])
문자열 주요 메서드
toLowerCase() : 문자열을 소문자로 변경합니다.
toUpperCase() : 문자열을 대문자로 변경합니다.
concat() : 문자열 연결 연산자 + 처럼 문자열을 이어 붙일수 있습니다.
slice() : 문자열의 일부를 자를 수 있습니다.
indexOf() : 문자열 내에 특정 문자나 문자가 몇 번째 위치하는지 확인합니다.
- 만약 찾는 문자가 2개 이상일 경우, 가장 앞에 있는 문자의 인덱스를 조회합니다.
- 포함되어 있지 않으면 -1을 반환합니다.
includes() : 문자열 내에 특정 문자나 문자가 포함되어 있는지 확인합니다.
Boolean type
Boolean(불리언)은 사실 관계를 구분하기 위한 타입입니다. 불리언 타입의 값은 true 혹은 false 둘 중 하나입니다.
falsy
자바스크립트에서 false로 “여겨지는” 값이 일부 있는데, 이를 falsy 값이라고 합니다. 반대로 true로 “여겨지는” 값은 truthy 값이라고 합니다. truthy 값은 매우 많아서, falsy 값을 암기하면 구분하기 쉽습니다.
// 대표적인 falsy 값
false
0
-0
0n
""
''
``
null
undefined
NaN비교연산자(comparison operator)
불리언은 비교연산자로 두 값이 같은지 다른지를 확인할때 유용하게 쓰입니다.
===, !== : 엄격한 동치 연산자
두 피연산자의 값과 타입이 같으면 true, 다르면 false를 반환합니다. 엄격한 동치 연산자는 보이는 값이 같아도, 두 값의 타입이 다르면 false가 됩니다.
==,!= : 느슨한 동치 연산자
느슨한 동치 연산자는 “대체로” 타입이 달라도 값이 같으면 true, 다르면 false를 반환합니다. 이렇게 “느슨하게” 동치 여부를 판단하기 때문에 예외가 많아 현대 웹 개발에서는 사용을 권장하지 않습니다. 참고로 다른 프로그래밍 언어에서는 == , != 를 주로 사용하는데, JavaScript에서는 ===, !== 로 비교해야 합니다.
>,<,>=,<= : 대소 관계 비교 연산자
두 피연산자의 값의 크기를 비교합니다. 수학에서의 부등호 기호의 사용법과 유사합니다.
논리연산자(logical operator)
논리연산자(logical operator)로 두 값 간의 논리 관계를 확인할 수 있습니다.
|| : 논리합(OR)
- 두 값 중 하나만 true여도 true로 판단합니다
- 두 값이 모두 false면 false로 판단합니다.
&& : 논리곱(AND)
- 두 값이 모두 true면 true로 판단합니다.
- 두 값 중 하나만 false여도 flase로 판단합니다.
! : 부정(NOT)
- 오른쪽 피연산자와 반대의 사실을 반환합니다.
- falsy, truthy의 반대 값을 반환합니다.
