| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 개발자취업부트캠프
- 내일배움카드
- MegabyteSchool
- 메가바이트스쿨
- react
- 리액트
- 비전공자
- styled-components
- 자바스크립트
- useMemo
- 공식문서
- GIT
- JavaScript
- Github
- 이벤트
- 프론트엔드
- 프로그래머스
- 코딩테스트
- next.js
- 모던 딥 다이브 자바스크립트
- 자료구조
- 알고리즘
- TypeScript
- useRef
- 개발 공부
- 입문
- 패스트캠퍼스
- 국비지원교육
- 모던 자바스크립트 딥 다이브
- CSS
Archives
- Today
- Total
개발 기록 남기기✍️
자바스크립트 기초 (2) - 기본 연산자, 비교 연산자, 조건문 본문
이번 포스트는 코딩앙마님의 강의를 보고 작성되었습니다.
[자바스크립트 기초 강좌 : 100분 완성 - YouTube](https://www.youtube.com/watch?v=KF6t61yuPCY)
1. 기본 연산자
: +(덧셈), -(뺄셈), *(곱하기), /(나누기), %(나머지)
✔️나머지(%)는 어느 용도로 사용할까?
- 홀수 : x%2 = 1
- 짝수 : y%2 = 0
- z%5 : 0~4 사이의 값만 반환
✔️거듭제곱
const num = 2**3;
console.log(num); // 8
✔️약식 표현
let num = 10;
num = num + 5;
console.log(num); // 15
num += 5;
console.log(num); // 20
✔️증가 연산자, 감소 연산자
let num = 10;
// 변수 뒤에 연산자를 붙이면 증가하기 전 값을 result에 반환
// 후에 연산히 증가한 값 반환
let result = num++;
console.log(result); // 10
// 변수 앞에 연산자를 붙이면 증가한 값을 바로 result에 반환
result = ++num;
console.log(result); // 11
result = --num;
console.log(result); // 9
2. 비교 연산자, 조건문(If, else)
비교 연산자
- A > B : A가 B보다 크다.
- A < B : A가 B보다 작다.
- A >= B : A가 B보다 크거나 같다.
- A <= B : A가 B보다 작거나 같다.
- A == B : A는 B와 같다.
- A === B : A는 B와 일치한다.
- A != B : A는 B와 같지 않다.
✔️= 한 개는 할당을 의미
✔️== 두 개는 비교 시 사용(동등 연산자)
✔️=== 세 개는 값 뿐만 아니라 자료형까지 같은지 비교(일치 연산자)
if 문
✔️if문에는 여러 조건들을 넣을 수 있다.
if(i>0){
console.log("true");
}else{
console.log("false");
};
if(age > 19){
console.log("성인입니다");
} else if(age > 7){
console.log("학생입니다.");
} else {
console.log("미취학아동입니다.");
};
3. 논리 연산자
OR ||
- A || B : A이거나 B
- OR는 첫번째 `true`를 발견하는 즉시 평가를 멈춘다.
AND &&
- A && B : A임과 동시에 B
- AND는 첫번째 `false`를 발견하는 즉시 평가를 멈춘다.
NOT !
- a = !b : A는 B가 아니다.
'Front-End > JavaScript' 카테고리의 다른 글
| 자바스크립트 중급 (1) - TDZ, 생성자 함수, 객체 메소드, 계산된 프로퍼티 (0) | 2022.12.05 |
|---|---|
| 자바스크립트 기초 (5) - 객체, 객체 method, this, 배열 (0) | 2022.12.05 |
| 자바스크립트 기초 (4) - 함수의 기초, 함수 표현식, 화살표 함수 (0) | 2022.12.05 |
| 자바스크립트 기초 (3) - 반복문, switch문 (0) | 2022.12.05 |
| 자바스크립트 기초 (1) - 변수, 자료형, 대화 상자, 형변환 (0) | 2022.12.05 |