두번째 강의, Client side programing

클라이언트사이드

2019 - 09 - 09

 

기본 자료형

수(number) 값이 정해져있지않음

- 정수형 실수형 모두 포함하여 처리

- 연산자 : +,-,*,/, - %(나머지연산자) -

 

문자열(string) 값이 정해져있지않음

 

- 문자열 표현 방법 '문자열'(c에선 안됨) ex) '대한민국' '국민' "대학생" '대한민국"국민"대학생' , "문자열"

\" <문자열가운데 "쓰고싶으면 저렇게

 

- 이스케이프문자 특수한 기능을 수행하는 문자

문자열 연결 연산자 = '서울' + '울산' + '대전'

문자열이 하나라도 들어있으면 문자열로 바꿈 ex) 365 + "일" 실행결과 : '365일'

 

- 문자선택연산자 문자열(index) ex) var st = "DIT" -> st 'DIT' 0부터시작 -> st[0] -> 'D' -> ~~

"korea"[3]->'e'(출력됨)

st에 저장된 문자열의 길이를 알고싶으면, strlen(st) <C언어

st.length < JS 문자열 길이 출력 "korea".length<이런것도가능 ㅋ

 

- 템플리 문자열 ECMAScript6 최신 버전의 브라우저가 아니면 지원ㄴㄴ

`문자열` 문자열을 정의할 때 내부에 $(표현식)을 사용 가능 '저는 ${age}세 입니다'

특수기호이름(주소)

 

불(boolean) 진실 거짓 표현 ture<=> false ex) a=3<4 ture -> a ->true 저장

비교연산자 위에 3<4 이런식인거 ㅇㅇㅇ 3==4 false

 

밑에 잘하면 시험?응?아?오?

(논리연산자:and(&&) or(||) not(!))

 

undefined 정리되지않음

'선언은 했으나 초기화 되지 않은 것' 표현하는 자료형

ECMAScript6 (이전에는 선언 되지 않은 변수도 모두 undefined로 처리

( 실행 : kkkk -> 에러 -> var kkkk -> kkkk -> undefined)

 

function '함수'도 하나의 자료형

 

object javaScript의 모든 것이 object

 

변수-상수

변수(variable) 값을 저장할때 사용하는 식별자

수를 포함하여 모든 자료형을 저장 가능

변수에 함수를 담을 수 있다는 것은  A 365 b라는 거에 넣으면 A B (a= 33 -> var b = a -> b -> 33)

 

사용법

1. 변수를 선언

var fuction scope

중복 선언 허용

 

let block scope

중복 선언 불가

 

korea -> 에러 -> korea = 444 -> 444

 

2. 변수에 값을 할당

- 수를 포함한 모든 자료형을 저장 가능

 

상수(constant)

식별자 선언 시에 초기화 값을 변경할 수 없는 것

(ECMAScript6)

사용법

1. 상수 선언과 동시에 값을 할당해야 함 const = const pi = 3.1415; const PI = 3.141592 - > PI -> 3.141592 const pi;(초기값이 할당되지않았음)

 

기타 연산자들

복합 대입 연산자

a += 10-> a = a + 10

a -= 10 ->

a*=10 ->

a/=10 ->

다른것도 비슷함

 

증감 연산자

변수++,++변수 변수의 값 1 증가

변수--,--변수 변수의 값 1 감소

전위 증감연산자 문장 - 실행 전에 증감 연산자가 먼저 실행됨

후위 증감연산자 문장이 - 먼저 실행되고 이후에 증감 연산자가 실행됨

 

 

자료형 확인 연산자

typeof

변수에 저장된 값의 자료형을 검사

? 이 연산자가 필요한 경우

a -> 33 -> typeof a -> 'number' - > typeof a -> 'boolean' ->typeof 'abc' -> 'string'

var dit -> un -> dit -> un -> typeof dit -> 'undefined'