ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 생활코딩 3주차
    Javascript& React study 2018. 3. 22. 23:41
    728x90
    반응형
    SMALL

    생활코딩 3주차에서는 

    숫자와 문자에 대한 수업을 진행하였습니다.





    html소스를 넣고 tab키를 누르면 

    html의 기본적인 탬플릿이 나오게 됩니다.



    이 기본적인 소스에 body부분으로 가서 

    바로 스크립트 소스를 넣고 실행시키면 됩니다.



    script를 입력하고 tab키를 누르면 기본적인

    탬플릿이 나오게 됩니다.



    (탬플릿이 나온 소스코드의 모습)



    alert();은 함수의 영역이므로 지금 강의에서는 다루지 않습니다.


    괄호 안에 들어있는 1이라는 영역은 alert이 경고창이라는

    의미이므로 경고창이 뜨게 되면 1이라는 글씨가 뜨게 됩니다.


    [이러한 숫자 1을 가리켜 정수라고 한다]


    [실수로 쓰고자 할때는 x.x이라고 한다.]



    1이 나온 모습



    정수를 더하고 싶을때는 ()안에 더하고 싶은 정수를 넣고 +.



    (더한 정수가 나온 모습)



    실수를 더하고 싶을때는 ()안에 더하고 싶은 실수를 넣고 +.




    (더한 실수가 나온 모습)


    정수끼리 곱하고 싶을때는 ()안에 곱하고 싶은 정수나 실수를 넣고 *.


    여기서 *를 에스터리스크, Asterisk라 한다.


    (곱한 값이 나온 모습)



    크롬 개발자도구에서 사용하는 방법은 f12를 누른 상태에서

    console창으로 간 뒤 거기서 소스를 넣는다.


    여기서는 나눗셈을 할 예정인데 나눗셈을 사용하는 방법은

    /를 사용한다. 소스를 입력하고 enter를 누르면

    해당 경고창이 뜨면서 나눗샘 결과물이 나오게 된다.



    (나눗샘 결과물이 나온 모습)



    해당 콘솔에 결과값이 나오게 하고 싶다면

    콘솔에 console.log(연산값);을 입력하면

    콘솔창에 결과값이 나오게 된다.




    (물론 그냥 연산을 해도 나오긴 한다.)


    Math.pow();에서 pow는 제곱이라는 의미이다.

    Math는 수학에 관련된 카테고리라고 생각하면 된다.

    (.은 객체에서 배울 예정이니 지금은 다루지 않습니다.)




    Math.round();에서 round는 반올림하라는 뜻이다.



    Math.ceil();에서 ceil은 올림하라는 뜻이다.




    Math.floor();에서 floor는 내림을 하라는 뜻이다.




    Math.sqrt();에서 sqrt는 제곱근을 하라는 뜻이다.




    Math.random();에서 random은 0부터 1.0 사이의 랜덤한 숫자를 나오게 하라는 것이다.


    만일 어떤 값보다 작은 실수를 랜덤하게 만들고 싶다면?

    해당 코드 위에 숫자를 넣고 *를 해주면 된다.



    만일 임의의 정수를 만들고 싶다면?

    round를 이용하여 코드를 작성하면 된다.


    Math.round(100*Math.random());


    round는 반올림하라는 뜻이므로 100보다 작은수를 

    실수에서 반올림 하여 나온 값이 해당 숫자이다.(임의)



    문자는 "(큰 따옴표) 혹은 '(작은 따옴표) 중의 하나로

    감싸야 한다. 큰 따옴표로 시작하면 큰 따옴표로 끝나야하고, 

    작은 따옴표로 시작하면 작은 따옴표로 끝나야 한다. 


    이렇게 문자로 이루어진 코드를 문자열 또는 String이라고 한다.




    (문자열이 실행된 모습)


    만일 작은 따옴표나 큰따옴표를 두번 쓰고 싶을때는 

    역슬레쉬 \를 사용하여야 하는데 

    \를 ' 앞에 위치시키면 ' 를 문자열의 시작과 끝을 구분하는 구분자가 아니라

    단순히 문자로 해석하도록 강제 할 수 있다. 


    이러한 기법을 이스케이프(escape)라고 한다.



    (작은 따옴표를 두번 사용해서 만들어진 결과물-\n)



    숫자를 따옴표로 감싸면 문자가 된다. 


     typeof는 값의 데이터 형을 알려주는 기능이다.


    코드를 여러줄로 바꾸고 싶을때는 \n을 사용하면 된다.


    \n는 줄바꿈을 의미하는 특수한 문자다.



    (줄바꿈을 이용하여 만든 결과물)


    문자와 문자를 더하고 싶을때는 "" + ""로 사용한다.


    띄어쓰기를 하고 싶다면 앞에 "문자열"+" "+"문자열"을 사용한다.



    (띄어쓰기가 된 문자열)




    "coding everybody".length에서 length는 문자의 길이를 뜻한다. (16)



    728x90
    반응형
    LIST

    'Javascript& React study' 카테고리의 다른 글

    생활코딩 4강  (0) 2018.03.26
    생활코딩 3주차 실습  (0) 2018.03.23
    생활코딩 2강 실습  (0) 2018.03.22
    생활코딩 2강  (0) 2018.03.22
    생활코딩 1강 실습  (0) 2018.03.21

    댓글

Designed by Tistory.