Javascript 01 (자료형)

vs code에서 html 기본 틀 생성하기

Shift ! Tab ——> html 뼈대 생성

 

 

Operand 피연산자 연산되는 값

Operator 연산자

eg) +, -, *

 

 

프로그래머 권장사항 : 변수는 선언과 동시에 초기화(or 할당/저장)를 해주는 것이 좋다!

변수를 선언만 하면 dummy data를 가지게 되므로 초기화를 같이 해주는게 좋다

 

 

초기화와 할당의 차이

var age = 0; 초기화

var age = 10; 할당

 

함수안에 매개변수(인자값, parameter, argument)를 넣어줌

function calc( ) ——> 함수

 

; —> 문장을 구분하기 위한것

위에서 부터 실행하는데 명령instruction을 실행하는 구분선이 됨

 

function calc( ) ——선언부

{   ————— 정의부    

 }

 

 

 

prompt(“태어난 연도를 입력하세요”); ---------- 사용자에게 값을 받는 함수

 

document.querySelector(“#result”).innterHTML = “당신의 나이는 “ + age + “세 입니다”;

result라는 id값을 찾아서 대입자 뒤에 내용을 html파일에 넣어달라는 뜻

 

 

자료형 2가지

1) 기본형 primitive type

number는 따옴표없이

undefined (자바엔 없음) 자료형 지정 안하면 —> var first; 

null 값이 유효하지 않을때 second = null;

 

2) 복합형=참조형(자바) ——— 참조형 변수는 주소값을 저장함

arry(배열) 하나의 변수에 여러 값을 저장하는 유형

object(객체) 함수와 속성이 함께 포함된 유형

함수가 기능, 속성은 보이는 값을 의미함 (tv 크고끄기, 화면)

 

 

배열:

[0] ----대괄호 속에 숫자는 인덱스 = 첨자

배열 이름과 대괄호[ ] 안에 인덱스 사용하여 배열 값을 가져옴

 

하나의 변수에 여러 값 저장 var seasons = [“봄”, “여름”, “가을”, “겨울”];

배열은 length를 통해서 길이를 알 수 있음

var s = [ ]; 빈 배열 선언할 수 있음

stack에 칸이 구분된 영역으로 저장됨 

 

 

 

객체:

키key와 밸류value로 된 맵형태로 되어있는 자료형

하나의 쌍으로 이뤄져있음

여러 자료를 중괄호{ }로 묶은 것 

var kim = {

    firstName = “John”,

    lastName = “Kim"

}

 

자바스크립트는 느슨한 자료형 체크 weak datatype check

예를 들어 자바는 int a = 10;

a라는 변수는 int타입으로 못박음 ——strong datatype check

 

var str = “안녕”; —— 미리 자료형을 지정하지 않음

원하는 자료를 할당만 하면 결과적으로 자료형이 할당됨

타입스크립트라고 해서 강하게 체크하는 언어가 있음

(처음에 동적인 언어를 위해서 javascript를 고안해서 처음에는 느슨한 자료체크형으로 만들었지만 점점 쓰임새가 커지면서 자료형이 강하게 체크해야할 필요성이 대두됨)

 

연산자(operator) :

산술 연산자 (사칙연산자, 나머지 연산자, 증감 연산자)

할당 연산자 (자바에서 복합대입연산자 개념 assignment operator)

y += x               y = y + x (y의 반복을 피해서 작성하자는 취지)

y -= x                y = y - x

y *= x                y = y * x

y /= x                y = y / x

y %= x              y = y % x

 

형변환 (type casting)

숫자형과 문자형을 더하면 숫자를 문자열로 인식함

곱하기 나누기, 나머지 연산에서는 문자형 자료를 모두 숫자로 자동 인식함