데이터 타입, 자바스크립트 연산자, 조건문

목차

 

-비트, 바이트, 진수

-예약어, 변수

-데이터타입

-배열의 인덱싱

-개발자도구 콘솔 console.log();

-객체 선언 하는 법

-객체 value값 불러내기

-연산자(산술, 연결, 비교, 논리, 증감)

-if문

-for문

 

 

 

 

 

 

 

들어가기 전 기본 상식

 

 

ES6(국제표준) = 자바스크립트

16진수는 컴퓨터 공학 때문에 나왔다.(추정)

8 비트 = 1바이트

영어 한글자 1바이트 / 한글 한글자 2바이트

=> 16진수의 탄생

니블이라는 단위

비트를 4개씩 묶는 단위(1니블 = 4비트=16가지=16진수)

2니블 = 8비트 = 32가지(2진수) = 2가지(16진수)

코인지갑주소= 16진수 0~9, a~f 사용

int 타입은 4바이트

javascript 저급 언어, 바이트 관계가 없기때문에 배우기가 쉽다.

(전)아스키코드 -> (현)유니코드

ES6 구동되는 곳

1.브라우저

2.nodeis ( 내컴퓨터의 조작을 자바스크립트로 함 )

기능이 약간씩 다르다.

 

오늘은 둘다 쓸 수 있는 표준 문법을 정리하겠다.

 

예약어란?

 

컴퓨터 프로그래밍 언어에서 이미 문법적인 용도로 사용되고 있기 때문에 식별자로 사용할 수 없는 단어들을 말한다.

 

자바스크립트(javascript)에서는 let이 있다.

 

 

변수란?

 

사용자 마음대로 지정할 수 있는 변할 수 있는 값.

 

 

변수 지정 규칙?

 

• 대소문자가 구분되며 길이에 제한이 없다.
• 숫자로 시작해서는 안된다.
• 변수명은 한글 사용 안되며, 알파벳과 일부 특수문자, 그리고 숫자만 허용된다.
• 이름 사이에 공백이 삽입될 수 없다.
• 특수문자는 '_'와 '$'만이 허용된다.

 

데이터타입의 분류(2가지)

1. 한번에 하나만 저장

 

-숫자 (int)
-불리언(boolean) true or false
-문자 ' ', " ", ` `

2. 여러개저장(군집형)

배열 [ ]

 

배열의 인덱싱

 

arr = [1, 2, 3]

 

순서대로 0번째, 1번째, 2번째

 

항상 컴퓨터는 0번째부터 시작한다.

 

위 배열의 2라는 숫자를 가져오고 싶다면?

변수명[순서번호]

 

즉, arr[1]라고 입력하면 된다.

 

개발자 도구 콘솔에서 확인하는 방법

 

console.log(arr[1]);

 

console.log = 파이썬 print

 

( ;은 안써도 출력은 되나 쓰는 습관 들이는 편이 좋다.)

 

console.log : 브라우저의 모듈(api) (자바스크립트의 문법이 아님)

 

객체 선언 하는 법

 

 

객체이름을 obj라고 명명하겠다.

 

obj = {name: "청포도", age:24, height: 172, }

라고 적으면 객체가 선언된다. 파이썬 딕셔너리와 비슷하다.

 

key:value 형식으로 작성한다.

 

 

객체 안 특정 값(value)을 불러내려면?

 

객체명.key값

 

즉, obj.name 같이 사용해 주면 된다.

 

콘솔에서 출력해 확인해보려면?

 

console.log(obj.name);

그러면 청포도 가 출력된다.

 

연산자 정리

 

1. 산술 연산자

 

console.log(1 + 1); // 더하기
console.log(1 - 1); // 빼기
console.log(1 / 1); // 나누기
console.log(1 * 1); // 곱하기
console.log(5 % 2); // 나머지
console.log(2 ** 3); // 승수

 

2. 연결 연산자

 

console.log('안녕' + '하세요'); //연결 연산자

안녕하세요 가 출력된다.

 

만약?

 

데이터 타입이 다른 숫자와 문자를 붙여준다면?

 

 

console.log("1" + 2);

 

둘이 그대로 붙어 12 가 출력된다. (둘다 문자 취급)

 

3. 비교 연산자

 

>(초과) , <(미만) , >=(이상) , <=(이하)

 

결과물이 boolean 타입으로 반환된다. (true or false)

 

4. 논리 연산자

 

- or : ||

 

둘중 하나만 true라면 true

 

or연산자는 처음으로 true가 나오면 곧 바로 멈춘다. 1개만 true 이기만 하면 되기 때문.

따라서 or연산자를 사용할 떄는 가장 앞에 가변운 녀석부터 넣고 무거운 녀석일수록 뒤에 놓는게 효율적이다.

 

console.log(3==3 || 3>4);

앞에거가 참이기때문에 true가 출력

 

- and : &&

 

둘다 true여야 true이 반환

 

and연산자도 무거운 녀석일수록 뒤로 보는게 좋다.

 

- not

 

!값

 

5. 증감 연산자

 

변수의 값을 1씩 증가시키거나 1씩 감소시키는 연산자이다.

 

값을 1씩 증가시키는 것을 Increment 연산자,
값을 1씩 감소시키는 것을 Decrement 연산자라고 한다.

 

x++	변수 값 1씩 증가
x--	변수 값 1씩 감소

 

if문 조건문

내가 만든 데이터가 true일 경우에 처리하는 방식과 내가 만든 데이터가 false 일 경우 처리하는 방식을

 

다르게 하고 싶을 때 사용한다.

boolean 에 따라 반환 값이 달라진다.

if(true){참일때 실행하는 코드영역}
else{거짓일때 실행하는 코드영역}

예시

 

        if (1<2){
            console.log('안녕하세요')}
        else{console.log('내일봐여')}

 

for문(반복문)

 

역시 조건문인데 반복기능을 넣어 코드 줄인 것.

 

        for (let i = 0; i<10; i++){
            if(i<5){console.log(i + "은 5보다 작습니다.")}
            else{console.log(i+"은 5 이상입니다.")}
        }
        console.log("1" + 2);

해석 : i가 0부터 9까지 1씩 증가하면서 5보다 작으면 i은 5보다 작습니다. 를,

 

5 이상이라면 i은 5이상입니다. 를 출력하겠다.