강의

• 59분부터 끝까지

수업

1. 자바스크립트 데이터타입

• 링크를 이어서 진행하는 내용

• 각각마다 고유한 스킬이있음,

1. 문자열 (String)

• 초기화할때는 "",'' 둘다 사용가능

  var msg1 = "Hello World"
  var msg2 = 'Welcome'
  console.log(msg1)
  console.log(msg2)

• 축약어?..

  // She is girl
  // She's girl
  var msg4 = "She's girl"
  var msg5 = 'She\'s girl'
  console.log(msg4)
  console.log(msg5)

• 이렇게 표현하고 싶을땐 '' 사이에 사용시 \'를 넣어서 표현
• ""에선 그냥 작성하면 됨
• console에서 검은색으로 보임

2. 숫자 (Number)

• 숫자는 그냥 기입하면됨.
• 음수 소수 머 그냥 숫자를 넣으면된다.

  var num1 = 10
  var num2 = -10
  var num3 = 3.14
  var num4 = -3.14
  console.log(num1)
  console.log(num2)
  console.log(num3)
  console.log(num4)

  
• 간단한 사칙연산도 가능

  console.log(num1 + num2)
  console.log(num1 + num3)

  
  
• console에서 파란색으로 보임

3. 문자열과 숫자의 사칙역산

• +,-,*,/,% 등 사용가능
• 숫자에선 전부 가능함

  var a=20
  var b=10
  console.log(a+b)
  console.log(a-b)
  console.log(a*b)
  console.log(a/b)
  //나머지값만 보고싶을땐 %
  console.log(a%b) 

  ![](https://velog.velcdn.com/images%2Fkenzokr%2Fpost%2Ffe997fd2-6888-416b-a766-264b503ce76d%2F%EC%BA%A1%EC%B2%98.PNG)

• 문자열에서도 일부는 가능하나 + 은 그저 문자열이 연속적으로 나옴

  var str1="20"
  var str2="10"
  // 문자열에선 일부사칙연산만 가능. 덧셈은 불가
  console.log(str1+str2)
  console.log(str1-str2)
  console.log(str1*str2)
  console.log(str1/str2)
  console.log(str1%str2)

  
  • 덧셈 부분을 보면 문자열이라서 검은색으로 2010만 출력됨
• 자바에서는 html과 다르게 문자열에서 공백을 인식함

  var firstname="JunYeup"
  var lastname="Kwon"
  console.log(firstname+"     "+lastname)

  
• 문자열과 숫자를 +로 같이 출력도 가능

  var str11 = "현재 시간은 "
  var time = 10
  var str12 = "시 입니다."
  console.log(str11+time+str12)

  
  • 숫자랑 문자열을 섞어서 이렇게하면 문자열로 나옴

4. ++,-- 연산자

• 간단하게 보면 1씩 증가 or 감소

  var=num10=10
  console.log(--num10)

  • 을 하면 9 가 출력되는데
  • 연산자의 위치도 중요함

  console.log(num10--)
  console.log(num10)

  • 이렇게 되면 위에줄에선 10이 출력
    밑에 줄에선 9가 출력된다.
  • 그 이유는 --num10은 순서대로 1을 차감하고 출력해서 보여주는것이고
  • num10--은 출력을 한다음에 1을 차감시키는개념이여서 그럼

5. +=,-=,*=,/=,%= 연산자

• 얘네들은 자기자신의 값에 멀 하고나서 다시 초기화할때 씀

  //num20 = num20+10
  	num20 += 10

• 두줄이 같은의미 좀더 줄여 쓸려고 사용
• num20에서 10을 더해서 num20에 다시 넣는단 개념

6. 비교 연산자

• <,>,==,===,!=,!==,`<=,>= 를 사용함

  var a=10
  var b=20
  var c=30
  console.log(a>b)
  console.log(a<b)
  console.log(a>=b)
  console.log(a<=b)
  console.log(a==b)
  console.log(a===b)
  console.log(a!=b)
  console.log(a!==b)

  
  • 이것이 Boolean 이라고함 true ,false 같은거인듯

• ==,=== 랑 !=,!==이거 차이는 간단하게 말하면
  =가 한개 더잇는만큼 더 까다롭게 비교해줌

  var num10=10
  var num20=20
  var str10="10"
  var str20="20"
  console.log(num10==str10)
  console.log(num10===str10)
  console.log(num20!=str20)
  console.log(num20!==str20)

• 여기서 이제보면 =하나씩 적은것들은 값만 같거나 다르면 되는데
• 하나씩 더있는 것들은 데이터가 어떤타입인지 까지 따져준다.

7. 논리 연산자

• AND && , OR || 사용

  var num30=30
  var num40=40
  var num50=30
  console.log(num30===num40 && num30===num50)
  console.log(num30===num40 || num30===num50)

  
  
• AND는 둘다 참일때 true
• OR은 하나라도 참이면 true

8. Boolean(불리언)

• true,false로 표현

  console.log(true)
  console.log(false)
  console.log(1===2)
  console.log(10<20)
  console.log(10===10||20===30)
  var bool=true
  bool=false

• 이렇게 결과가 true,false로 나오면 걍 다 불리언이라 생각하면됨.

어려웠던점

• 은 크게없었던거같다.

후기

• 파이썬과 비슷한거같아서 엄청 낯선거같지는않다.