[D+58]JavaScript문법뽀개기(1)

JavaScript에서는 데이터를 출력할 때 console.log() 라는 명령어를 사용한다.
' ' 혹은 " " 을 사용하며 문구를 작성하면 된다.

console.log ('Hello World!');
>>> Hello World!

변수는 보통 let을 사용하는데 이름표를 작성한다고 생각하면 된다.
변수에는 let 이외에 const를 사용하기도 하는데 이는 변수에 값을 재할당할 필요가 없을 때 사용하므로 변수가 고정된 값을 갖고 있을 때 사용한다.

let name = 'gagyeong'
console.log(name)
>>> gagyeong
let name = 'gagyeong'
console.log(name)
name = 'choonsik'
console.log(name)
>>>> gagyeong
     choonsik

데이터 타입에는 기본 또는 원시형(primitive)타입이라고 불리는 number,string(문자열),boolean(참과 거짓),null(비어있는것),underfined(변수를 선언만 하고 할당되지 않은 것)가 있다.

연산자에는 문자열붙이기, 산술연산자, 증감연산자, 대입연산자, 비교연산자, 논리연산자, 일치연산자가 있다.

문자열붙이기
아래처럼 백틱(`)을 이용한 것은 문자열을 ' '+' ' 한 것과 같다.

const price = 2000
console.log(`이 지우개의 가격은 ${price}원 입니다.`)

산술연산자

console.log(2+1)
console.log(2-1)
console.log(2*3)
console.log(4/2)
console.log(10%3) >>나머지 연산
console.log(10**2) >>10의2승

증감연산자
자신의 값을 증가시키거나 감소시키는 연산자

let count = 1
const preIncrement = ++count
console.log(`${count}, preIncrement: ${preIncrement}`) 
>> 2, preIncrement: 2

let count = 1
const postIncrement = count++
console.log(`count: ${count}, postIncrement: ${postIncrement}`)
>>count: 2, postIncrement: 1

대입연산자
const shirtsPrice = 100000
const pantsPrice = 80000
let totalPrice = 0

totalPrice += shirtsPrice
>>totalPrice = totalPrice + shirtsPrice 와 동일
totalPrice += pantsPrice
>>totalPrice = totalPrice + pantsPrice 와 동일 
totalPrice -= shirtsPrice 
>>totalPrice = totalPrice - shirtsPrice 와 동일

비교연산자 (boolean)

console.log(1<2) >>true
console.log(1<=2) >>true
console.log(1>2) >>flase
console.log(1>=2) >>flase

논리연산자: || (or), && (and), ! (not) 과 같은 연산자
|| 는 연산 대상 중 하나만 true 여도 true 리턴
&& 는 연산 대상이 모두 true 여야만 true 리턴
! 는 true를 false로, flase를 true로 바꿔서 리턴

let isonsale = true
let isdiscount =true
console.log(isonsale && isdiscount)  >>true
console.log(isonsale || isdiscount)  >>true
isonsale = false
console.log(isonsale && isdiscount)  >>flase
console.log(isonsale || isdiscount)  >>true
isdiscount = false
console.log(isonsale && isdiscount)  >>flase
console.log(isonsale || isdiscount)  >>flase
console.log(!isdiscount) >>true

일치연산자 : 일치하는지 비교하는 연산자

console.log(1 === 1) // true
console.log(1 === 2) // false

대소문자와 띄어쓰기 모두 정확히 일치해야함
((=== 세개 기억하기!!!))

연산자 quiz
Q. 상품 가격을 나타내는 2개의 변수를 선언하고 각각의 변수에 원하는 가격값을 할당해보아요.
두 상품을 더한 가격 역시 총가격을 나타내는 변수에 할당해봅니다. 마지막으로 총가격의 20% 할인된 가격을 구해서 '총 몇 원에 물건을 구입합니다.' 라는 문자열을 출력합니다.

let dollsPrice = 40000
let capsprice = 50000

let total = capsprice+dollsPrice

console.log(`총${total * 0.8}원에 물건을 구입합니다.` )