UXUI 웹디자인 과정

JS 기본 정리

www.notion.so/ninefloor/JS-4cde4d9b740b484dbdf9951dd1ab73ed

function hello();

function : 함수


var num=10;
document.write(num,"<br>");

var : 변수(variable)
=(등호) : 대입 연산자, 오른쪽의 값을 왼쪽의 공간에 넣는다.


alert("경고!");

alert : 경고 메세지 출력


var num1=eval('3+4'); 
document.write(num1, "<br>"); // 7

eval : 문자열을 코드로 인식하게 함


var num=3.14;
num=parseInt(num);
document.write(num,"<br>") // 3

parseInt : 정수 변환
parseFloat : 실수 변환


var choice=confirm("계속 진행하시겠습니까?")
document.write(choice,"<br>")

confirm : 확인창 출력


var num1=9;
var num2=2;
var result=num1%num2;
document.write(result, "<br>"); // 1

% : 나누고 남은 나머지 값


var num3=10;
document.write(num3, "<br>"); //10
document.write(num3++, "<br>"); //10
document.write(num3, "<br>"); //11

var num4=10;
document.write(num4, "<br>"); //10
document.write(++num4, "<br>"); //11
document.write(num4, "<br>"); //11

++ : 증가 연산자 / -- : 감소 연산자
 - 증/감 연산자는 접두와 접미에 따라 선행/후행으로 나뉨


var num1=9;
var num2=2;
var result=num1>=num2;
document.write(result, "<br>"); // true

관계 연산자 : 관계를 판별하는 연산자 ( >= / <= / > / < )
  ex) num1 >= num2 : num1이 num2보다 크거나 같은가? (이상인가?)
  - 참일 경우 true, 거짓일 경우 false, 위 예시는 참이므로 result는 true로 출력됨

var num1=9;
var num2=2;
var result=num1<=num2;
document.write(result, "<br>"); // false

  - 위 예시는 거짓이므로 result는 false로 출력됨


동치 연산자 : 같은 값인지 판별하는 연산자 ( == / != / === / !== )

var num3=9;
var num4=9;
var result=(num3==num4);
document.write(result, "<br>") // true

== : 두 연산자가 같으면 true, 다르면 false
=== : 동작 방식은 같으나 구문 자체가 일치해야 함 (연산값 등 적용 X)

var num3=9;
var num4=9;
var result=(num3!=num4);
document.write(result, "<br>") // false

!= : 두 연산자가 다르면 true, 같으면 false
!== : 동작 방식은 같으나 구문 자체가 일치해야 함 (연산값 등 적용 X)


논리 연산자 : 논리 값인 true, false를 가지고 연산하는 연산자
AND : && / OR : || / NOT : !

진리표 (truth table) : 연산 결과에 대한 표

document.write(false && false, "<br>"); // false
document.write(false && true, "<br>"); // false
document.write(true && false, "<br>"); // false
document.write(true && true, "<br>"); // true

AND - 논리 곱, 결합

document.write(false || false, "<br>"); // false
document.write(false || true, "<br>"); // true
document.write(true || false, "<br>"); // true
document.write(true || true, "<br>"); // true​

OR - 논리 합, 선택

document.write(!false, "<br>"); // true
document.write(!true, "<br>"); // false

NOT - 논리 반전, 부정