🚀 Javascript

Javascript 란?

• 자바 스크립트란 ?

HTML 문서를 조작, 사용자의 행동에 따라 UI의 변화를 일으키는 프로그래밍 언어입니다.

• 기계어로 번역되지 않고, 필요한 순간에 브라우저로 인해 해석되는 스크립트 언어
• Web이 어플리케이션 채팅 등의 기능을 할수 있게 해준 기술

---

• 흔히 알고있는 HTML, CSS, JS 중 JS 가 자바 스크립트 입니다.

HTML : 문서의 구조를 정의하는 언어 입니다.
CSS : 표현방식, 색, 폰트, 위치, 애니메이션 등을 정의하는 언어입니
다.

❗ 자바 스크립트와 자바는 완전히 별개의 언어이며 관계가 없습니다.

(Java의 문법과 약간의 유사성만 가지고 있다.)

📌 Javascript의 변수

• 자바 스크립트에서도 자바와 비슷하게 변수를 지정합니다. 하지만 자바 스크립트에서는 타입을 지정하지 않습니다.

let 변수

• 자바의 평범한 지역변수에 해당합니다.

// let 으로 선언합니다.
let foo = 'hello js'

// let 으로 선언한 변수는 재할당이 가능합니다.
foo = 'welcome js'

// System.out.println() 
console.log(foo)

const 변수

• 자바의 변수에 final 키워드가 붙은형태랑 유사합니다.

// const 으로 선언합니다.
const bar = 'hello js'

// const 으로 선언한 변수는 다시 할당하지 못합니다. (컴파일 에러)
// bar = 'Don't change bar'

const PI = Math.PI

var 변수

• var 변수도 존재하지만 사용하는것이 권장 되지 않는다고 합니다.

자바 스크립트 조건문 & 반복문

• 자바에서 사용하듯이 자바 스크립트에서 유사하게 사용합니다.

조건문

const someNumber = 10.01
if (someNumber % 2 === 0) {
  console.log(`${someNumber} is even`)
} else if (someNumber % 2 === 1) {
  console.log(`${someNumber} is odd`)
} else {
  console.log(`${someNumber} is decimal`)
}

➡ 여기서 특이한점은 비교 연산자를 === 3개를 작성한다는 것입니다.

반복문

let i = 0
while (i < 5) {
  console.log(i)
  i += 1
}

자바 스크립트 함수

• 자바에서 메소드 (함수)를 작성하는 것과 유사합니다.

function add(num1, num2) {
  return num1 + num2
}
console.log(add(10, 20))

➡ 변수 타입을 지정해주지 않아도 된다는 점이 다른것 같습니다.

자바 스크립트 배열

• 자바에서 배열 (Array) 을 사용하는 것과 유사합니다. index를 기준으로 데이터를 조작합니다.

const numbers = [0, 1, 2, 3, 4]
console.log(numbers)

const cities = ['서울', '대구', '대전', '부산', ]

// 원소들을 반대순서로 정렬합니다.
cities.reverse()
console.log(cities)

➡ reverse() 메소드도 존재하는것을 알수 있습니다.

💪 Monthly Test

• Spring 주제의 테스트 였다.