[JavaScript] 기본 개념

JavaScript

웹 페이지에서 이벤트 발생 시 동작을 제어하는 데에 사용

• 웹 브라우저: URL을 통해 web을 탐색, html/css/javascript를 이해한 뒤 해석해서 사용자에게 하나의 화면으로 보여줌
• Javascript engine: javascript를 해석, 각 브라우저마다 자체 엔진 보유

변수, 식별자

• camelCase: 변수, 객체, 함수
• PascalCase: 클래스, 생성자
• SNAKE_CASE: 상수

//camelCase
let variableName
const userInfo
function getName

//PascalCase
class UserInfo
function User


//SNAKE_CASE
const API_KEY
const NUMBERS

변수 선언 키워드

• let: 블록 스코프 지역 변수 선언
• const: 블록 스코프 읽기 전용 상수 선언
• var: 변수 선언

선언, 할당, 초기화

• 선언: 변수 생성 행위 또는 시점
• 할당: 선언된 변수에 값을 저장하는 행위 또는 시점
• 초기화: 선언된 변수에 처음으로 값 저장하는 행위 또는 시점

let, const는 블록스코프({} 안쪽) 내에서만 접근 가능. var은 호이스팅 특성으로 문제발생 가능성 있으므로 const와 let 사용을 권장함

데이터 타입

• 원시 타입: Number, String, null, undefined, Boolean
• 참조 타입: Object, Array, function

함수

• 함수 선언식

function 함수명(매개변수) {
    return 결과값
}

• 함수 표현식

const 함수명 = function (매개변수) {
    return 결과값
}

• 화살표 함수

const 함수명 = (인자) => { return 결과값 }

콜백 함수

다른 함수의 인자로 전달되는 함수

const numbers = [1, 2, 3]
numbers.forEach(function (num) {
    console.log(num ** 2)
}


const callBackFunction = function (num) {
    console.log(num ** 2)
}

const numbers = [1, 2, 3]
numbers.forEach(callBackFunction)

객체

속성의 집합, 중괄호 내부에 key와 value의 쌍으로 표현

const person = {
    name: 'Aiden',
    age: 30,
    greeting: function () {
    console.log(`hi i'm ${this.name}.`)
    }
}


person.greeting()//hi i'm Aiden.

JSON

Javascript Object Notation, 키값쌍으로 이루어진 자료 표기법

Object와 달리 타입이 아니라 문자열, Object로 사용하기 위해서는 변환이 필요

const jsObject = {
    coffee: 'Latte',
    iceCream: 'Babamba'
}

// Object -> JSON
const objToJson = JSON.stringify(jsObject)

// JSON -> Object
const jsonToObj = JSON.parse(objToJson)