WEB2 - JavaScript 6 to 7

2021. 9. 14. 13:58·youtube.com|user|egoing2/WEB2 - JavaScript
728x90

데이터타입 - 문자열과 숫자 

한국어로는 자료형.

어떤 타입들이 존재하는지 검색을 통해 알아보자. 

추천검색어 JavaScript data type

mozilla 재단에서 JavaScript types 는 총 7개와 객체로 되어있다고 한다. 

  • Primitive values
    • Boolean type
    • Null type
    • Undefined type
    • Number type
    • BigInt type
    • String type
    • Symbol type 
  • Objects (collections of properties)

이번 수업에서는 문자열 (String type) 과 숫자 (Number type) 을 살펴본다. 

먼저 비교적 익숙한 데이터 타입을 알아보고 이것을 통해 데이터 타입이라는 것이 무엇인가를 파악하고 각각의 데이터 타입들의 성격도 같이 한번 살펴보자. 


  • 숫자 (Number) 라는 데이터 타입에서 연산이라는 아주 중요한 것이 있다.
    + 는 이항 연산자, 산술 연산자 라고 부른다. 산술 연산자에는 여러가지가 있지만 우선 사칙연산만 살펴보자. 
빼기 곱하기 나누기
2-1 2*4 6/2
1 8 3
  • 문자 (String) 라는 데이터 타입을 살펴보자.
    " 你好世界 "
    ' 你好世界 '
    큰 따옴표나 작은 따옴표 둘 다 사용해도 무관하지만 시작과 끝을 같은 것으로 해야한다. 
    숫자 타입에서는 산술 연산자가 중요했다면 문자 타입에서는 아주 유용한 기능들이 있다. 
    • Ex) .lenght 글자가 총 몇글자 인지를 알려주는 기능
      추천검색어 JavaScript string
    • toUpperCase( ) 알파벳 소문자를 대문자로 변환 
    • indexOf( ) 찾고자 하는 값을 넣으라고 되어있다. 즉 괄호 안의 글자를 찾아줌
    • trim( ) 공백을 없애주는 기능 

괄호가 무엇인지는 모르지만 이해하는 것보다 먼저 익숙해지는 것이 중요하다.

문자열과 숫자열은 엄연히 다르기 때문에 이 차이를 명확하게 알고 있어야 한다. 


 

변수와 대입 연산자

x 라는 것을 변수, 영어로는 variable 이라고 한다. 

= 는 대입 연산자, '오른쪽 항의 값을 왼쪽의 변수에 대입한다'

대입 연산자는 또 하나의 특징이 있는데, 좌항과 우항을 겹합해서 우항의 값을 만들어 낸다는 뜻 

1=2; 를 입력하면 에러가 생긴다.

이유는 대입 연산자를 통해 값이 바뀔 수 있다는 뜻을 갖고 있는 변수가 아니라 숫자 1은 언제나 1 이기 때문에 '항상 상' 자를 써서 바뀌지 않는다는 뜻의 '상수', 영어로는 constant 라고 한다. 

그렇다면 변수를 왜 쓰는가? 

이유는 너무 너무 많다. 그래서 한가지 콕 찝어서 이야기하기 좀 그렇다.  

프로그래밍에서 변수를 사용해서 할 수 있는 수많은 일 중에 그냥 예제로, 변수의 힘을 느껴볼 수 있도록 하는 아주 불완전한 예제를 하나 보자. 

이러한 예제에 나의 닉네임이 들어가 있다. 이 닉네임이 예를 들어 수억개가 있고 다른 닉네임으로 수정해야 된다고 가정하자. 여기서 변수를 사용해야 한다. name = 'livebyfaith117'; 그리고 닉네임이 쓰여있는 곳에 변수처리를 한다. 

여기서 닉네임을 'consistancy' 로 변경한다고 가정한다면. 

추가적으로 변수를 사용할 때는 가급적 var (variable의 약자) 이라는 키워드를 사용하라고 하신다. 좋은 습관이라고
var name='livebyfaith117'; 

이 var 의 장점과 단점을 알기 전 까지는 그냥 쓰라고 하신다.

저작자표시 (새창열림)

'youtube.com|user|egoing2 > WEB2 - JavaScript' 카테고리의 다른 글

WEB2 - JavaScript 18 (리팩토링 중복의 제거)  (6) 2021.09.15
WEB2 - JavaScript 14 to 17 (조건문)  (2) 2021.09.15
WEB2 - JavaScript 8 to 13  (4) 2021.09.14
WEB2 - JavaScript 5  (0) 2021.09.13
WEB2 - JavaScript 1 to 4  (0) 2021.09.13
'youtube.com|user|egoing2/WEB2 - JavaScript' 카테고리의 다른 글
  • WEB2 - JavaScript 14 to 17 (조건문)
  • WEB2 - JavaScript 8 to 13
  • WEB2 - JavaScript 5
  • WEB2 - JavaScript 1 to 4
ro117youshin
ro117youshin
코딩 / 외국어공부 (영어, 중국어) / 독서 등 자기계발을 기록합니다.
  • ro117youshin
    Taking an extra step
    ro117youshin
  • 전체
    오늘
    어제
    • 분류 전체보기 (153)
      • DDD (5)
      • JAVA (13)
      • Spring Boot (2)
      • Spring (4)
      • MySQL (1)
      • C (1)
      • Algorithm & Data Structure (34)
        • study (15)
        • programmers (0)
        • boj (18)
        • assignments (1)
      • CS: Computer Science (6)
        • CS50 2019 (4)
        • Network (2)
        • Database (0)
      • Git (3)
      • foreign language (16)
        • English (0)
        • Chinese (16)
      • BOOK (2)
      • ETC (2)
      • youtube.com|user|egoing2 (64)
        • WEB1 - HTML & Internet (5)
        • WEB2 - CSS (9)
        • WEB2 - JavaScript (18)
        • JavaScript Immutability (0)
        • DATABASE1 (4)
        • DATABASE2 MySQL (12)
        • JAVA1 (16)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
    • 글쓰기
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    DATABASE2
    baekjoon
    JAVA1
    javascript
    HSK6급
    중국어공부
    Java자료구조
    variable
    백준
    생활코딩
    도메인 주도 설계
    mysql
    HSK6급필수어휘
    개발공부
    css
    코딩공부
    HTML
    ddd
    HSK6급공부
    Java
    js
    자바
    나의 앱 만들기
    BOJ
    알고리즘문제
    객체
    최범균
    조건문
    Domain Driven Design
    HSK6급모의고사
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.0
ro117youshin
WEB2 - JavaScript 6 to 7
상단으로

티스토리툴바