TIL 05 | JavaScript 맛보기

Soojong Kim·2021년 5월 11일
0
post-thumbnail

자료형 (Data Type)

자료형은 프로그래밍 언어가 다룰 수 있는 데이터의 형태를 의미합니다. 아래는 대표적인 자료형입니다.

  • 원시 형태 (Primitive): 숫자(Number), 문자열(String), 불리언(Boolean), undefined(정의되지 않음), null(없음)
  • 객체 형태 (Object): 시간(Date), 배열(Array), 객체 (Object) 등

리터럴 (Literal) 선언

코드 상에서 값을 직접 명시해서 선언하거나 할당하는 것으로 자료형에 따라 리터럴 선언 문법이 다릅니다.

"1000"? → 문자열
1000? →숫자

원시 자료형 (Primitive Type)

  • Number: 숫자형으로 정수나 실수(소수점 자리를 가지는 수)를 포함합니다. → 100, 0.4
  • String: 문자열형은 문자들의 나열을 의미합니다. →"100", "안녕하세요"
  • Boolean: 참/거짓만을 나타내는 자료형 입니다. →true,false
  • undefined: 값이 정해지지 않았다는 것을 표현하는 자료형입니다.
  • null: 아무것도 없음을 표현하는 것으로 자료형이자 값이기도 합니다.

변수?

프로그램은 다양한 조건과 환경에 따라 달라지는 값을 입력 받아 정해진 동작을 수행하게 됩니다.

변수 x,y

f(x,y) = z

리턴(결과) z

변수 (Variable)

변수의 선언: variable의 약어인 'var' 키워드와 변수의 이름을 선언

var x;

변수에 값을 할당: 선언된 변수명에 대입 연산자 (=)를 사용하여 값을 대입

x=40; or x='철수';

데이터를 리터럴 선언으로 대입 가능

var x=40;

선언과 동시에 대입 가능

40+40=80

"40"+"40"="4040"

변수 이름을 정하는 규칙

  • 하이픈 (-) 사용 불가
  • 첫 글자로 숫자 사용 불가
  • 띄어쓰기 사용 불가
  • 자바스크립트 예약어 사용 불가

산술 연산자

사칙연산 등의 수학 연산을 위해 사용하는 연산자로 숫자가 결과로 나옵니다.

  • 덧셈: +,++
  • 뺄셈:-,—
  • 곱셈:*
  • 나눗셈:/
  • 나머지: %
  • 복합 연산 형태: +=(덧셈, -=(뺄셈), *=(곱셈), /=(나눗셈)

/ 주석 /

비교연산자

두 값을 비교하기 위해 사용합니다. 참 또는 거짓이 결과 값으로 나옵니다.

  • 동등: == 같다 > 값이 같다

  • 부등: != 다르다

  • 일치: === 데이터타입까지 같다.

  • 우연보다 좌변이 큼: >

  • 우변보다 좌변이 크거나 같음: >=

  • 우변보다 좌변이 작음: <

  • 우변보다 좌변이 작거나 같음: <=

논리연산자

참 또는 거짓(Boolean) 을 연산할 때 사용합니다. 비교문을 조합해서 복잡한 조건문을 만듭니다.

-그리고(AND):&&

-또는(OR): ll

-부정(NOT):!

기타연산자

  • 삼항 연산자 (?)

  • 단항 연산자 (deleate, typeof)

  • 비트 연산자 (&,l,^,~,<<,>>,>>>)

  • (명제) ? 참일 경우 리턴 값 ; 거짓일 경우 리턴 값

True / False

(age > = 19)

if문

if,else 키워드의조합으로 조건문을 완성합니다.

  • 하나의 조건만 검사: 만약 ~ 하다면
if (조건식) {
실행코드
}
  • 조건을 검사 후 예외 경우도 고려: 만약 ~ 하다면, 그렇지 않다면
if (조건식) {
실행코드 
} else {
실행코드
} 

만약에 조건식이 맞다면 1번이 실행되고, 그렇지 않으면 2번이 실행된다.

  • 조건을 검사 후 또 다른 조건도 검사, 예외 경우도 고려: 만약 한다면, 그 외에 만약~ 한다면, 그렇지 않다면
if (조건식) {
실행코드 
} else if(또 다른 조건식) {
실행코드
} else 
실행코드 
}

if 1이라면 -> Code 1
1은 아닌데 2라면 -> Code 2
1과 2 둘다 아니면 -> Code 3

  • if문에서 else if로 추가 조건을 계속 추가할 수 있다.
  • 조건 내의 실행 구문 (블록,Block)이 한 줄 코드라면 중괄호 생략이 가능하다.
if (조건식) {console.log('______');

switch 문

switch, case 키워드의 조합으로 조건문을 완성합니다

switch (표현식) {
case 값1:
표현식 == 값 1 일때 실행코드
break;
case 값2:
표현식 == 값 2 일때 실행 코드
break; (뒤에있는 코드를 막는 담장)
default:
모든 조건에 속하지 않을 때의 실행코드
}

For문

조건식을 만족하는 한 계속해서 코드를 반복 실행합니다. 매 반복 실행 마다 마지막에 증감식을 실행시킵니다.

for (초기식; 조건식; 증감식) {
반복 실행될 코드
}
for (var i = 0; (i<10); i+=1)=코드
i=i+1;
i+=1 
i++

While문

조건식을 만족하는 한 계속해서 코드를 반복 실행합니다.

while (조건식) {
반복 실행될 코드
}

0개의 댓글