JavaScript 기초

자바스크립트의 자료형(Data Type)

• 숫자(number)
  • 정수(Integer)
  • 소수(Floating Point)
• 문자열(String)
• 불린(Boolean)

추상화

• 추상: 여러 가지 사물이나 개념에서 공통되는 특성이나 속성 따위를 추출하여 파악하는 작용
• 구체적인 정보를 숨기고 꼭 필요한 핵심만 표현
• 복잡한 것들을 목적에 맞게 단순화하는 것
• 목적을 명확히, 불필요한 것들은 숨기기, 핵심만 드러내기

변수

• 자바스크립트에서 변수를 사용하려면 변수를 선언해야 한다.

// 변수 선언
let applePrice
applePrice = 3000
console.log(applePrice)	// 3000

let bananaPrice = 1000
console.log(bananaPrice)	// 1000

console.log(applePrice + bananaPrice)	// 4000

• 변수 작명 가이드
  1. JavaScript 식별자는 문자(a-z, A-Z), 밑줄(_) 혹은 달러 기호($)로 시작해야 한다. 두 번째 글자부터는 숫자(0-9)도 가능하다.
  2. 대문자와 소문자는 구별한다. applePrice와 appleprice는 다른 이름이다.
  3. 예약어는 사용하면 안 된다. ex) if, for, let 같은 단어들은 사용하면 안 된다.
  4. 모든 변수 이름은 camelCase로 쓰는 것이 좋다.

     let bad_variable_name // (x)
     let goodVariableName	// (o)

함수

// 함수 선언
function 함수이름() {
  명령
  명령
}

function greetings() {
  console.log('안녕하세요')
}

greetings()	// 안녕하세요

Parameter (매개변수)

• 함수 소괄호 내부에 들어가는 것
• 파라미터는 의미를 유추할 수 있는 단어로 만드는 것이 좋다.

// 함수 선언
function 함수이름(파라미터) {
  console.log(파라미터)
}

// 함수 호출
함수이름(값)

function greeting(sentence) {
  console.log(sentence)
}

greeting('안녕')	// 안녕

function welcome(name) {
  console.log('안녕 ' + name + '친구야!')
}

welcome('자바스크립트')	// 안녕 자바스크립트친구야!	

function printSquare(x) {
  console.log(x * x)
}

printSquare(3)	// 9
printSquare(5)	// 25
printSquare(9)	// 81

• 여러개의 파라미터는 쉼표를 사용한다

function printSum(a, b) {
  console.log(a + b)
}

printSum(3, 9)	// 12

return

• 함수 실행 결과를 반환

function getTwice(number) {
  return number * 2
}

let x = getTwice(3)
let y = getTwice(2)

console.log(x * y)	// 24