1. JavaScript

- JS의 확대

• AJAX 활용 (구글맵)
• Debug툴에 발전
  • firefox에서 console.log 로 처음에 지원을 시작.
  • 그전에는 어떤 시점까지 변수에 어떤 값이 들어있는지 확인하기 위해서 alert로 일일이 확인하지 않아도 됨!
• V8엔진의 개발
  • Chrome에서 개발되었다.
  • JS의 속도가 굉장히 빨라졌다.
• Nodejs 등장
  • Chrome에 있는 V8 엔진을 server에 적용함으로써 server 측에서도 JS가 사용되기 시작했다.

---

2. JS의 자료형

• var로 선언한다. ( var a = 1; )
• 동적언어 이므로 자료형을 선언할 필요가 없다
• 기본자료형과 object(객체) 두가지로 나뉜다.

기본 자료형	설명
Boolean	True / False
Null	객체 값이 존재하지 않는다는 것을 의미
Undefined	값을 할당하지 않음
Number	숫자형
String	문자형
Symbol	ECMAScript 6 에서 추가, 유일하고 변경 불가

- 예시 : Boolean

참고로,, vscode 에서는 !입력하고 엔터치면 기본 셋팅으로 뜬다,, 이렇게 좋은 기능이!!!!

- 예시 : Null & Undefined

var a = null
console.log(a);
//console
> null

var b = 
console.log(b);
//console
> undefined

- 예시 : Number & String

var a = 123
var b = 'food'
console.log(a);
console.log(b);
// console
> 123
> food

---

3. 동적언어인 JS

동적 언어 ?
var a = ??
에서 내가 할당하는 것에 따라 숫자형이 될 수도, 문자형이 될 수 있는 특징

정적 언어 ?
int a = 10 / char c = "c"
로 이미 타입이 정해져 있는 특징
지정된 타입의 형태에 해당하는 이진수로 저장된다!

정적 언어의 경우 사용될 메모리의 양이 할당되기 때문에 처리 속도가 더 빠른 점이 있지만 숫자형으로 선언된 것을 문자형으로 사용할 경우 할당된 메모리 범위에서 오류가 생길수 있다는 단점이 있다.

---

4. 배열

• var a = ['안녕', 'JS', 123]
• var a = new Array ['안녕', 'JS', 123]

  숫자든, 문자든 배열속에 함께 선언 가능하다!

- 예시 : index로 값 찾기 / index 찾기

// console
> var c = ['hello', 20, 'js', '2222']

// index로 값 찾기
> c[0]
< 'hello

// index 찾기
> c.indexOf('js')
< 2

- 예시 : 값 할당, 값 교체

// 새로운 값 할당 하기
> c[4] = '1111'

> c[4]
< "1111"

// 기존 값 교체하기
> c[0] = 'bye'

> c[0]
< "bye"

- 예시 : 배열 길이 세기

> c.length
< 5

---

5. 반복문

반복문 : For loops

반복하는 횟수 지정

<예시 1>
for(var i=0 ; i<3 ; i++){
  document.write('안녕')}
// chrome
안녕안녕안녕

<예시 2>
for(var i=0 ; i<3 ; i++){
  document.write('안녕')
  document.write('<br>')}
// chrome
안녕
안녕
안녕

- 예시 : 배열 + for loops

var a = ['hello', 22, 'js', 55];
for (var i = 0 ; i < a.length ; i++){
  console.log(a[i])
}
// console
>
hello
22
js
55

반복문 : While

조건이 true 일때 반복

var i = 0
while(i<3){
  document.write('안녕')
  document.write('<br>')
  i++}
// chrome
안녕
안녕
안녕

While : Do While

do 를 먼저 실행한 후 while 문을 실행한다. 실행 후 조건 확인!

var i = 0;
do{
  document.write('안녕')
  documnet.write('<br>')
}while(i<3)
//chrome
안녕
안녕
안녕

do 문의 효과! : do문 실행 후 조건 확인

var i = 0
while(i<0){
  document.write('안녕')
  document.write('<br>')
  i++}

i = 0;
do{
  document.write('잘가')
  documnet.write('<br>')
}while(i<0)
// chrome
  
잘가

차이가 보이는가!

6번(함수) 부터는 다음글에!!