TIL] 자바스크립트 기초 문법

출력하기

자바스크립트에서는 출력을 할 때 console.log()를 사용합니다!

console.log('안녕하세요!')

---

변수 선언과 데이터 할당

자바스크립트에서는 변수를 선언할 때 let이라는 키워드를 사용합니다!

let name = 'Nerd'
console.log(name)
// 결과 : Nerd

name = 'JongHyuk'
console.log(name)
// 결과 : JongHyuk

자바스크립트에서는 파이썬과 다르게 const라는 키워드도 있는데

const는 let과 달리 변수에 값을 재할당할 필요가 없을 때 사용합니다!

해당 변수가 고정된 값을 가지고 있어야 할 때 사용합니다!

const name = 'Nerd'
console.log(name)
// 출력 : Nerd

---

데이터 타입

자바스크립트에는 여러 종류의 데이터 타입이 존재합니다.

원시형 타입을 아래 예제들을 통해 살펴보겠습니다!

숫자

console.log(3)
// 출력 : 3

const age = 28
console.log(age)
// 출력 : 28

문자열

const name = 'Nerd'
console.log(name)
// 출력 : Nerd

Boolean

const yes = true
const no = flase

console.log(yes)
// 출력 : true
console.log(no)
// 출력 : false

null

let name = null
console.log(name)
// 출력 : null
// null은 비어있는 값을 의미합니다.

undefined

let name
console.log(name)
// 출력 : undefined
// undefined는 변수를 선언만 하고 값이 할당되지 않은 경우입니다.

---

연산자

자바도 당연히 연산자가 존재합니다!

아래 예제를 통해 살펴보겠습니다!

문자열 붙이기

console.log('my' + 'phone')
// my phone을 출력합니다!
console.log('2' + 8)
// 2는 문자열이기 때문에 28이 출력됩니다.

템플릿 리터럴

백틱을 사용하여 문자열 데이터를 표현할 수 있습니다.

const price = 30000
console.log(`마우스의 가격이 ${price}원 입니다.`)

// 마우스의 가격이 30000원 입니다. 가 출력됩니다.

산술 연산자

console.log(4 + 1) // 5을 출력합니다!
console.log(4 - 1) // 3을 출력합니다!
console.log(4 / 2) // 2를 출력합니다!
console.log(4 * 2) // 8을 출력합니다!
console.log(10 % 3) // 나머지 연산자입니다. 1을 출력합니다!
console.log(10 ** 2) // 10의 2승인 100을 출력합니다!

증감 연산자

let cnt = 1
const plusCount = ++count

//실행 순서
// count = count + 1
// const plusCount = count

let count = 1
const plusCount2 = count++

//실행 순서
//const plusCount2 = count
//count = count + 1

대입 연산자

const one = 1
let plus = 0

plus += one
console.log(plus) // 1

비교 연산자

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

논리 연산자

||은 or을 의미하고 &&은 and를 의미합니다!

||은 연산 대상 중 하나만 true여도 true이고

&&는 연산 대상 모두 true여야 true입니다!

일치 연산자

console.log(1 === "1") //false를 출력합니다!
console.log(1 == "1") //true를 출력합니다!
//일치 연산자를 사용해야할 땐 유의해서 사용하도록 해야겠습니다!

---

if

const num = 1
if (num === 1) {
	console.log('1이네요!')
}
// 1이네요! 가 출력됩니다!


const num = 2
if (num === 1) {
	console.log('1이네요!')
}else if (num ===2){
	console.log('2입니다!')
}
// 2입니다! 가 출력됩니다!

const num = 3
if (num === 1) {
	console.log('1이네요!')
}else if (num ===2){
	console.log('2입니다!')
}else {
	console.log('1도 아니고 2도 아닙니다!')	
}
// 1도 아니고 2도 아닙니다! 가 출력됩니다!

---

while

let cookie = 1
while (cookie < 3) {
	console.log(`${cookie}개의 쿠키를 먹었습니다.`)
    cookie++
}
// 1개의 쿠키를 먹었습니다.
// 2개의 쿠키를 먹었습니다.

for

for (let cookie = 1; cookie < 3; cookie++) {
	console.log(`${cookie}개의 쿠키를 먹었습니다.`)
}
// 1개의 쿠키를 먹었습니다.
// 2개의 쿠키를 먹었습니다.

---

오늘은 자바스크립트 기본 문법에 대해 공부를 했습니다!

확실히 파이썬 기초 문법과 어느 정도 틀린 부분이 있었지만

대략적인 흐름은 비슷해서 이해하는게 크게 힘들지 않았습니다!

적응이 중요할 것 같습니다!!

이제 내일부터 주특기 주가 시작되서 설레는 마음이 있습니다!

기존에 생각은 백엔드를 생각하면서 항해 99에 지원을 했지만

사전과제 토이 프로젝트들과 항해가 시작한 후 미니 프로젝트를 진행하다 보니

프런트엔드 쪽이 확실히 흥미가 생기게 되어 리액트를 배울 예정입니다!

설레기도 하고 두려움도 있지만 열심히 공부하여

좋은 개발자가 되기 위해 노력해야 할 것 같습니다!

파이팅!!

👍👍✍️✍️