[내일배움카드] 그린컴퓨터아카데미[자바스크립트 - jQuery] - 2일차

※ 본 게시글은 그린컴퓨터아카데미와 아무 연관이 없는 개인적인 후기 및 기록입니다.

 

---

매주 화목/화목금으로 이루어지는 자바스크립트 수업. 오늘은 그 두번째 날이다. 지난 시간이 자바스크립트 수업에 대한 기초적인 부분과 특징을 알아봤다면, 오늘은 데이터 타입해 대해서 배웠다.

기존에 이미 알고 있는 내용이었기때문에 수업을 따라가기 수월했으며, 복습의 개념으로 수업에 임하였다.

 

*** 자바스크립트의 자료형(Data type) ***

 

연산에 사용되는 값의 종류

 

* 상수: 값이 정해져 있는 형식(항상 일정한 형태를 가진다)

1. 정수

- 음수(-), 소수(.)를 제외한 양의 실수

- 8진수, 16진수 포함

 

2. 실수

- 실제 사용 가능한 모든 수

 

3. 문자형 상수(String)

- 일반적인 텍스트

- "" 사용

 

4. 불린(Boolean)

- true(1) / false(0)의 형식

 

5. null

- 값이 없음.

- 널의 반대는 not null. 난 널~~

 

** 변수(Variable)

1. 변할 수 있는 값

2. 값을 저장하는 장소나 이름

3. var : 변수 선언문, 생략 가능 ex) var abc

4. 선언과 동시에 값 입력 가능 ex) var abc = 1

 

var a,b,c

a = 1 / b = 2 / c = 3

 

var a,b,c = 1

var a=b=c=1

 

* var 변수이름 = 값

 

** 이름 규칙 **

1. 알파벳, 숫자 사용 가능

2. 한글, 특수문자, 공백 사용 불가(단, 특수문자 중 "_"는 사용 가능)

3. 첫 번째 글자는 "-" 또는 알파벳만 가능

4. 대소문자 반드시 구분

5. 예약어 사용 불가

 

** 연산자 **

 

* 산술 연산자

1. +

2. -

3. *

4. /

5. % : 두개의 수를 나눈 나머지

10 / 3 = 3.333334

10 % 3 = 1

 

*연결 연산자

1. + : 연산자의 좌변과 우변의 값이 산술 연산이 불가능한 경우 두 개의 값을 이어주는 연산자

ex) 1+2=3 <--- 산술 연산이 가능하므로 "산술 연산자"

"a"+1=a1 <--- 두 개의 값을 연결하는 "연결 연산자"

 

* 비교 연산자 : 결과값이 true / false 로 출력

1. >

2. <

3. == : "=" 는 저장의 의미, "=="는 비교의 의미

4. <=

5. =>

6. != : ! = not, 다르다(같지 않다)

a==b

a!=b

 

* 논리 연산자

좌변과 우변의 식을 검토하여 결과 산출

 

1. &&(and) : 좌변과 우변의 식이 모두 참인 경우에 참값 반환

2. ||(or) : 좌변과 우변의 식 중 하나라도 참이면 참값 반환

3. ^(Xor) : 좌변과 우변 중 하나만 참인 경우 참값 반환

4. !(not) : 반대 값 반환

 

* 비트식 연산자

논리 연산자와 같은 연산자이지만 연산 기호가 1개이고, 값이 1(true), 0(false)로 출력

 

t && t -> true

t & t -> 1

 

* 대입 연산자

1. "=" 기호가 들어간 연산식

2. 좌변과 우변에 동일식이 존재하는 경우 약식 가능

 

ex) a = a + b -------> a += b

ex) a = a - b -------> a -= b

ex) a = a * b -------> a *= b

ex) a = a / b -------> a /= b

ex) a = a % b -------> a %= b