UNIT 5 : JavaScript 기초
REPL(Read-Evaluate-Print loop)
: 읽고, 평가하고, 출력을 반복하며 작성한 코드의 오류 여부를 간단하게 테스트하는 가장 간단한 개발 환경.
program: 작업(task) 수행을 위한 코드 모음
process: 프로그램 실행의 결과물
기계어: 컴퓨터가 이해할 수 있는 숫자로만 구성된 언어.
사람이 쉽게 이해할 수 없다.
프로그래밍 언어: 개발자가 프로그램을 작성하기 위한 언어.
기계어와 다르게 사람이 다룰 수 있는 수준의 문법과 의미를 지닌다.
주석: JavaScript 엔진이 따로 해석하지 않는 코드. 자연어를 자유롭게 작성할 수 있다. (/,/ 사이 작성)
value: 읽고, 평가가 완료되어 하나의 의미를 가지는 코드
_ex) 숫자값 1995를 표현하기 위해서는
1995;
1000 + 900 + 90 + 5;
1900 + 95;
연산자(operator): 산술 연산, 논리 연산 기호
Type
Number
숫자를 자바스크립트에서 표현하기 위한 데이터 타입
정수(integer), 실수(float) 모두 표현
+ - * / : 자바스크립트에서는 산술 연산자(arithmetic operator)
Math.floor(): 괄호 안의 숫자를 *내림*하여 반환
Math.ceil(): 괄호 안의 숫자를 *올림*하여 반환
Math.round(): 괄호 안의 숫자를 *반올림*하여 반환
Math.abs(): 괄호 안의 숫자의 *절대값*을 반환
Math.sqrt(): 괄호 안의 숫자의 *루트값*을 반환
Math.pow(): 괄호 안의 첫 번째 숫자를 *밑*, 두 번째 숫자를 *지수*인 숫자를 반환String
자연어를 JavaScript에서 표현하기 위한 데이터 타입
따옴표(’), 큰따옴표(”), 백틱(`)으로 감싸 사용
+ 로 문자열을 이어 붙일 수 있다.
문자열과 문자열을 이어 붙일 때의 + 는 문자열 연결 연산자.다른 타입과 이어 붙이려고 하면 모두 문자열로 변환되니
(숫자와 이어 붙이다 예상 못한 결과를 얻을 수 있음)
가능하면 다른 타입 간의 연산을 하지 않도록 한다.
Boolean
사실 관계를 구분, 불리언 타입의 값: true or false
불리언은 비교연산자(comparison operator)로
두 값이 같은지 다른지를 확인할 때 유용.
대표적 falsy 값: false, 0, -0, 0n, ” ”, ‘ ’, ``, null, undefined, NaN
False로 “여겨지는” 값: falsy 값
true로 “여겨지는” 값은 truthy 값
비교연산자(comparison operator)
- '===', '!==' : 엄격한 동치 연산자
두 피연산자의 값과 타입이 같으면 true, 다르면 false를 반환
엄격한 동치 연산자는 보이는 값이 같아도,
두 값의 타입이 다르면 false가 됩니다. - '==', !=' : 느슨한 동치 연산자. “대체로” 타입이 달라도 값이 같으면 true, 다르면 false를 반환
예외가 많아 현대 웹 개발에서는 사용을 권장하지 않음 - '>' , '<' , '>=' , '<=' : 대소 관계 비교 연산자
두 피연산자의 값의 크기를 비교. (수학에서 부등호)
논리연산자(logical operator)
: 값간 논리 관계 확인
- || : 논리합(OR)
- 두 값 중 하나만 true여도 true로 판단합니다.
- 두 값이 모두 false면 false로 판단합니다.
- && : 논리곱(AND)
- 두 값이 모두 true면 true로 판단합니다.
- 두 값 중 하나만 false여도 false로 판단합니다.
논리 부정 연산자(!)의 경우, 사실 관계를 반대로 표현
- ! : 부정(NOT)
- 오른쪽 피연산자와 반대의 사실을 반환합니다.
- falsy, truthy의 반대 값을 반환합니다.
variable(변수)
데이터를 저장하기 위해 이름을 할당받은 메모리 공간
저장된 값은 변경될 수 있음
Declare(선언)
메모리 공간에 이름을 부여하는 것 = 변수 선언
let variablename;
variablename = 'velog';
let variablename = 'velog';
Assignment(할당)
할당연산자(=): 값 할당에 사용. 메모리 공간에 특정한 값 부여
재할당: let 키워드로 선언한 변수에 새로운 값을 할당
(let 아닌 const 사용시 재할당 금지)
아무것도 할당되지 않은 변수: undefined 자동 할당
var 사용 지양. let, const 권장됨
네이밍 컨벤션
하나 이상의 영어단어를 사용하여 식별자를 만들 경우
네이밍 컨벤션을 잘 지키면 가독성 증가
JavaScript: 일반적으로 camelCase 사용
etc) snake_case, PascalCase
템플릿 리터럴(template literal)
백틱을 사용하여 문자열을 string으로 변환
문자열 내부 변수 삽입 가능 (${} 사용, 가독성 측면에서 우수)
문자열이 할당되지 않은 변수도 문자열로 취급됨
