개발일지 221108 JavaScript 기초문법 1

1. 변수 선언

1) let (재할당 가능)

let name = 'Harry Potter'
// name이라는 변수에 Harry Potter라는 값을 할당
console.log(name)
// 변수 name이 가리키고 있는 값 Harry Potter를 출력

name = 'Dobby'
// 위에서 선언했던 name이라는 변수에 "Dobby"라는 값을 재할당
console.log(name)
// 변수 name이 가리키고 있는 값 "Dobby"를 출력



2) const (재할당 불가능)

const name = "Harry Potter"
// name이라는 변수에 "Harry Potter"라는 값을 할당
console.log(name)
// 변수 name이 가리키고 있는 값 "Harry Potter"를 출력

name = "Dobby"
// 위에서 선언했던 name이라는 변수에 "Dobby"라는 값 재할당 실패 + 에러 발생

 

 

2. 데이터타입

 

2-1) 숫자

console.log(10) // 10을 출력

const a = 5
const b = 3

console.log(a) // 5을 출력
console.log(b) // 3를 출력

2-2) 문자열(String)

const firstName = 'Harry'
const lastName = 'Potter'

console.log(firstName) // Harry을 출력
console.log(lastName) // Potter을 출력

2-3) Boolean : 참과 거짓을 나타내는 true / false를 표현

const Oo = true
const Xx = false

console.log(Oo) // true 출력
console.log(Xx) // false 출력

2-4) undefined은 변수를 선언만 하고 값이 할당X, null은 텅텅 비어 있는 값

let name1 = null
console.log(name) // null 출력

let name2
console.log(name2) // undefined 출력

 

3) 문자열 붙이기

console.log('Harry' + ' Potter') // Harry Potter를 출력
console.log('1' + 2) // 12를 출력

const year = 1997
console.log(`해리포터 출간 연도는 ${year}년입니다`) 
// console.log('해리포터 출간 연도는 ' + year + '년입니다') 와 동일

 

4) 산술연산자

console.log(2 + 1) // 3
console.log(2 - 1) // 1
console.log(4 / 2) // 2
console.log(2 * 3) // 6
console.log(10 % 3) // 나머지(remainder) 연산자. 1 출력
console.log(10 ** 2) // exponentiation. 10^2인 100 출력

 

5) 비교연산자

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

 

6) 논리연산자

let isOnSale = true
let isDiscountItem = true

console.log(isOnSale && isDiscountItem) // true && true 이므로 true
console.log(isOnSale || isDiscountItem) // true || true 이므로 true

isOnSale = false
console.log(isOnSale && isDiscountItem) // false && true 이므로 false
console.log(isOnSale || isDiscountItem) // false || true 이므로 true

isDiscountItem = false
console.log(isOnSale && isDiscountItem) // false && false 이므로 false
console.log(isOnSale || isDiscountItem) // false || false 이므로 false

console.log(!isOnSale) // !false 이므로 true

 

7) 일치연산자

console.log(1 === "1") // false를 출력
console.log(1 == "1" // true를 출력


// == 는 비교하는 두 값의 데이터타입이 일치하지 않을 때 해당 값의 데이터타입을 자동으로 변환해준다
// 실수하지 말것!!

 

8) 조건문

const score = 85
if (score < 60) { 
	console.log('면담이 필요합니다')
} else if (score <= 80) {
	console.log('조금 더 노력해봅시다')
} else {
	console.log('참 잘했어요')
}

print(score) // 참 잘했어요

 

9) 반복문

// while문

let age = 12
while (age < 15) {
	console.log(`${age}세는 접속이 불가능합니다`)
	age++ // 증감연산자를 활용해서 나이를 변화시킴
}

// while문 실행시 호옥시라도 프로그램이 무한루프의 굴레에 빠진다면 ctrl + c로 빠져나오기...


// for문

for (let age = 12; age < 15; age++) {
	console.log(`${age}세는 접속이 불가능합니다.`)
}