웹 스터디

코스 전체목록

닫기

숫자와 문자

프로그래밍 입문자에게 가장 익숙한 데이터 형(data type)은 숫자와 문자일 것이다. 이번 시간에는 실제로 가장 많이 사용되는 데이터 형인 문자와 숫자를 프로그래밍에서는 어떻게 표현하고 연산하는지 알아보자.

숫자

자바스크립트에서는 큰따옴표나 작은따옴표가 붙지 않은 숫자는 숫자로 인식한다.

alert(1+1);

결과 : 2

alert(1.2 + 1.3);

결과 : 2.5

곱하기를 할 때는 *(에스터리스크, Asterisk, 키보드 자판 상으로 숫자 8 위)를 사용한다.

alert(2 * 5);

결과 : 10

나누기를 할 때는 /(슬래쉬, slash, 키보드 자판 상으로 오른쪽 shift 키 왼쪽)를 사용한다.

alert(6 / 2)

자바스크립트에서는 사칙연산 보다 좀 더 복잡한 연산도 지원한다. 좀 더 자세한 내용은 자바스크립트 사전을 참고한다.

Math.pow(3,2);       // 9,   3의 2승 
Math.round(10.6);    // 11,  10.6을 반올림
Math.ceil(10.2);     // 11,  10.2를 올림
Math.floor(10.6);    // 10,  10.6을 내림
Math.sqrt(9);        // 3,   3의 제곱근
Math.random();       // 0부터 1.0 사이의 랜덤한 숫자

문자

문자는 "(큰 따옴표) 혹은 '(작은 따옴표) 중의 하나로 감싸야 한다. 큰 따옴표로 시작하면 큰 따옴표로 끝나야하고, 작은 따옴표로 시작하면 작은 따옴표로 끝나야 한다. String이라고 한다.

alert("coding everybody");
alert('coding everybody');

숫자를 따옴표로 감싸면 문자가 된다. 아래는 문자다. typeof는 값의 데이터 형을 알려주는 기능이다.

alert(typeof "1")

결과 : string

아래와 같이 따옴표 없는 숫자는 number가 출력된다.

alert(typeof 1)

결과 : number

만약 문자열 안에 작은 따옴표나 큰따옴표를 넣고 싶다면 어떻게 해야할까?

alert('egoing's javascript')

웹브라우저에서 실행했다면 아무것도 실행되지 않을 것이고, 크롬 개발자 도구와 같은 콘솔에서 실행했다면 아래와 같은 에러 메시지가 출력 될 것이다.

브라우저에서 실습을 하고 있다면 오류 메시지를 표시하지 않기 때문에 불편할 것이다. 구글 크롬 브라우저에서는 Ctrl+Shift+J (윈도우), 커멘트+Alt+J (OSX) 키를 누르면 웹페이지에서 발생한 에러를 보여준다. 파이어폭스에서는 윈도우 기준 Ctrl+Shift+K를 누르면 오류가 표시될 것이다. IE(IE9,10)에서는 F12를 누른 후에 개발자 도구에서 콘솔탭을 누르면 에러 메시지를 확인할 수 있다.

위의 내용은 문법(Syntax) 에러(Error)가 발생했다는 뜻이다. 작은따옴표는 문자열의 구간을 컴퓨터에게 알려주는 기호인데, 기호가 문자 자체로 사용됐기 때문에 컴퓨터 입장에서는 어디서부터 어디까지가 문자열인지 파악 할 수 없게 된 것이다.

아래와 같이 코드를 변경하면 작은따옴표를 문자열 안에 포함시킬 수 있다.

alert('egoing\'s javascript')

\를 ' 앞에 위치시키면 ' 를 문자열의 시작과 끝을 구분하는 구분자가 아니라 단순히 문자로 해석하도록 강제 할 수 있다. 이러한 기법을 이스케이프(escape)라고 한다.

여러줄의 표시

여러줄을 표시하기 위해서는 아래와 같이 한다. \n는 줄바꿈을 의미하는 특수한 문자다.

alert("안녕하세요.\n생활코딩의 세계에 오신 것을 환영합니다"); 

문자연산

문자와 문자를 더할 때는 아래와 같이 한다.

alert("coding"+" everybody");

결과 : coding everybody

문자의 길이를 구할 때는 문자 뒤에 .length를 붙인다.

alert("coding everybody".length)

결과 : 16

그 외에 문자를 이용한 작업 방법은 자바스크립트 사전을 참고한다.

댓글

댓글 본문
  1. mka
    10/29
  2. 박병진
    완료. 2020.10.13 차근차근 배우자. 욕심에 무너진다.
  3. AtheNa
    2020/10/10 완료
  4. joas
    09/10/20 완료
  5. 코딩지니어스
    20201008 완료
  6. 20201006 완료
  7. 콜라
    20201002
  8. 최효준
    완료
  9. 유예인
    2020.09.25 완료
  10. 완료
  11. Yongbeom Kwon
    20200908 완료
  12. 한끼식사치킨크림리조또
    20200816 완료
  13. 이동현
    완료
  14. switpotato
    20200802완료
  15. 양수진
    완료
  16. 프로페서AW
    완료
  17. 황원빈
    7/13완료
  18. 김준석
    20.07.13일 완료!
  19. 혀크크
    20200618 완료
  20. 유하늬
    완료!
  21. 지니
    200615완료
  22. 준식
    20200606 진행중
  23. 얼그레이
    0531 완
  24. 완료
  25. 뿡뿡팡야
    완료
  26. codingㅈㅁ
    ----- BEGIN LICENSE -----
    Member J2TeaM
    Single User License
    EA7E-1011316
    D7DA350E 1B8B0760 972F8B60 F3E64036
    B9B4E234 F356F38F 0AD1E3B7 0E9C5FAD
    FA0A2ABE 25F65BD8 D51458E5 3923CE80
    87428428 79079A01 AA69F319 A1AF29A4
    A684C2DC 0B1583D4 19CBD290 217618CD
    5653E0A0 BACE3948 BB2EE45E 422D2C87
    DD9AF44B 99C49590 D2DBDEE1 75860FD2
    8C8BB2AD B2ECE5A4 EFC08AF2 25A9B864
    ------ END LICENSE ------?
  27. codingㅈㅁ
    여러분 모두에게 도움을 드리고 귀찮니즘을 없애드리겠습니다.
    서브라임의
    정식 라이센스을 무료로(원래 이러면 안되긴 하지만) 받을 수 있는 살짝의 양심이 찔리는 방법입니다.
    100%됩니다.
    https://www.youtube.com......3CQ
  28. 제이
    :D
  29. 한강
    굿모닝!!! 200214
  30. 김은경
    완료
  31. 찬란한미래
    완료
  32. 팬들을위해
    완료
  33. 익진
    완료
  34. 빠리지앵
    완료
  35. 2020.01.08
  36. math.pow(3,2);

    첫글자 m을 소문자가 아닌 대문자로 작성해보세요

    Math.pow(3,2);

    이렇게요
    대화보기
    • choiseok
      완료
    • 영호팍
      완료!
    • 호떡
      완료!
    • 굼벵이
      완료
    • 오현주
      19.12.09 수강
    • 정동욱
      19.12.05완료
    • 19.11.4 완료
    • galangal
      19.11.09 완료
    • 마두사랑
      11-11 까지
    • 미켈란젤로
      20191107 완료
    • ㅁㅁㅁ
      알려주신 단축키 엄청 편리하네요. 감사합니다,
      대화보기
      • 홍주호
        20191011 완료
      • pppiii
        191010 완료
      • 뉴나
        해당되는 창을 작은 창으로 만드신 후에 (최대화를 하지마세요) 윈도우 키 + 좌우 방향키 중 하나를 누르면 자동으로 다른 창을 선택하게 될겁니다.
        가운데 바(bar)로 창의 범위(넓이)를 조절하시면 돼요:)
        대화보기
        버전 관리
        egoing
        현재 버전
        선택 버전
        graphittie 자세히 보기