Yesterday I Learned..(2021.03.10) (Javascript 1일차)

김현재·2021년 3월 11일
0
post-thumbnail

원래라면 어제 적어야 했지만 게을러 오늘 적어버린 TIL...그래서 타이틀을 함 YIL로 적어보았다..ㅎㅎ...

변수

변수를 선언하는 녀석

var book = "책"

여기서 변수명은 book, 값은 이 된다.

var book = "책";
console.log (book);

이렇게 작성하면 결과값은 이 된다.


또한 아래와 같이 여러 변수를 한번에 선언할 수 있다.

var point = '123';
    book = "책";

Console.log()

괄호 안에 입력된 값 (파라미터 값)을 브라우저 콘솔 창에서 출력시키는 녀석

Javascript의 숫자

JS는 실수, 정수를 구분하지 않는다.
1.0이나 1 모두 표시는 1로 된다.

상수

변경 할 수 없는 절대값.
선언적 의미로 사용하며, 상수변수는 대문자로 표기
예)

var ONE = 1;

여기서 대문자로 작성된 ONE는 상수로 지정되어 변경하면 안된다.

또한, JS에서 제공하는 상수값은 변경 할 수 없다
예) Min_value, Max_value...

Data Type

총 6개가 있다

Number Type

숫자, +,- 부호를 가진 값 (음수도 가능

  • Nan : Not a number
    숫자가 아닌 값을 지칭.
    원칙적으로는 에러이지만, 프로그램이 멈추지 않도록 기능하는 요소
    예)
    	```
        var point = 1*'A';
        console.log (point);
        -> 결과값 : Nan
    	```
  • Infinity : 양의 무한대
  • -Infinity : 음의 무한대

String Type(문자 타입)

"" 또는 '' 사이에 작성.

  • 작은 따옴표를 결과에 붙어 나오게 하려면,
      var point = "책, '123'";
      결과값 : 책, '123'
  • 큰 따옴표를 결과에 붙어 나오게 하려면,
        var point = '책, "123"';
        결과값 : 책, "123"
    이렇게 작성하면 된다..!

Undefined Type

변수의 초기 값.
값이 할당되지 않은 것을 나타내는 시맨틱.
(Object type 이기도 하다)

Null Type

undefined가 변수만 설정되었을 때 나오는 값이라면, null은 의도적으로 null이라는 값을 할당해야 나온다.
(임의로 '정의되지 않은 값'이라고 표시한다 생각하면 됨)

아래 비교를 참고해보자

var book;
console.log (book);

->결과 값 : undefined


var point = null;
console.log (point);

->결과 값 : null

Boolean Type

값과 입력 값이 true면 true, false면 false로 같다
예)

var value = true;
console.log(value);

Object Type

Property의 집합

사용법은 아래와 같다.

{name(key) : value}

콤마를 사용해서 여러 키를 지정할 수 있다.

용레)

var book = {
           title : "book", wirtter : "개린이"};
console.log (book);

결과 ->  {title : book, writter : 개린이}

진수

16진수를 배웠다.
표기법 : 0XFF
0은 숫자, X 는 알파벳이다. 이 둘은 16진수임을 나타내는 글자.
F 자리에는 0, a, b, c~~, f까지 사용이 가능하다.

A는 10, B는 11, C는 12, D는 13, E는 14, F는 15를 나타낸다

용례)

0XF = 15
0XFF = (16*15) + 15
0XFFF = (16*16*15) + (16*15) + 15

주석

주석은 한 줄로도 달 수 있고, 여러 줄로도 달 수 있다.
허나 사용 방법이 다르다

  • 한 줄 주석

        ///내용~~~~

    -> 보통 코드 내부에 작성할 경우 사용한다.

  • block 주석

        /*내용~~~*/

    -> 4~5 줄 이상 주석 작성 시 사용한다.
    (보통 코드와 코드 사이 작성)

defer (HTML)

HTML에 JS를 script로 연결 할 때 <head>부분에 스크립트 링크를 작성하는 경우가 있다.
이런 경우 반드시 defer를 추가적으로 작성해줘야 한다.

Why? 그래야 <body>부분 까지 모두 렌더링 후 스크립트가 돌아가기 때문!

(번거로운 경우 그냥 <body>부분 맨 끝에 쓰는 방법도 있다)



이렇게 2021/3/10 공부 내용 review완료!
profile
쉽게만 살아가면 재미없어 빙고!

0개의 댓글