[TIL] JS 문법 1주차

js 문법 1주차 강의를 듣고 배운 내용을 정리해봤다.

Js의 역사

• 1995년 자바스크립트의 탄생
  • 넷스케이프 커뮤니케이션
    (LiveScipt -> JavaScript)
  • 브라우저 동작 스크립트 언어
• 1999년 자바스크립트 표준화(ECMA-262) 완료
• 2005년 AJAX 등장
  • 비동기 웹 애플리케이션 개발 가능
  • 폭발적인 UX 향상
• 2008년 V8 엔진 출시(google)
  • super fast(코드 실행 속도 상당부분 개선)
  • 컴파일러, 메모리관리 시스템
• 2009년 Node.js 등장, 서버 개발 활성화
  • 서버개발의 지각변동: PHP, Ruby, Python, Java -> JavaScript(Node.js)
  • 하나의 언어 -> FrontEnd + BackEnd + DB(MongoDB) = FullStack
• 2015년 ECMAScipt(ES6) 버전 출시
• 2016년 프론트엔드 프레임워크(React, Vue, Angular) 대중화, SPA 개발 활성화
• 현재 자바스크립트는 프론트엔드 및 백엔드 개발 분야에서 널리 사용되며, Node.js를 이용한 서버 개발도 활발하게 이루어지고 있다.

JS언어의 특징

객체 지향 프로그래밍 지원: 데이터와 함수를 객체라는 그룹으로 묶어서 처리한다. 객체는 상태와 행동을 가지고 있으며, 상태는 객체의 속성(property)이라고도 한다.

JS에서 객체를 만들 때는?
자바스크립트에서 객체를 만들 때는 중괄호({})를 사용하여 객체를 만들고, 각 속성을 쉼표(,)로 구분하여 추가한다. 속성은 이름과 값을 가지며, 이름은 문자열로 작성하고, 값은 다양한 데이터 타입을 사용할 수 있다. 객체 내부의 함수를 메소드(method)라고 부르며, 속성의 값으로 함수를 추가할 수 있다. 객체를 만들어서 필요한 속성과 메소드를 추가하여 사용한다.

동적 타이핑: 자바스크립트는 동적 타이핑 언어로서 런타임 시점에서 변수에 값이 할당되는 값에 따라 자동으로 데이터 타입을 지정한다.

런타임 시점이란?
런타임 시점이란, 프로그램이 실행되는 동안의 시점을 의미한다. 즉, 코드가 실행되는 동안에 발생하는 시점이다. 반대의 의미로는 컴파일 시점이 있다.

// 예시
let myVariable = "Hello, world!"; // 변수 선언 및 문자열 데이터 타입으로 할당
console.log(typeof myVariable); // "string" 출력
myVariable = 123; // 숫자 데이터 타입으로 할당
console.log(typeof myVariable); // "number" 출력
myVariable = true; // 불리언 데이터 타입으로 할당
console.log(typeof myVariable); // "boolean" 출력

함수형 프로그래밍 지원: 자바스크립트는 함수형 프로그래밍을 지원하는 언어로서, 함수를 일급 객체로 취급하고, 고차 함수를 지원한다. 이를 통해 코드의 재사용성과 가독성을 높일 수 있다.

비동기 처리: 비동기 처리는 작업을 순차적으로 기다리지 않고, 병렬로 처리할 수 있도록 하는 방식을 말한다.

클라이언트, 서버측 모두 처리 가능: 자바스크립트는 Node.js를 통해 서버측에서도 사용할 수 있다.

기본문법

변수와 상수

모든 프로그래밍 언어는 기억하고 싶은 값을 메모리에 저장하고, 저장된 값을 읽어 들여 재사용하기 위해 변수라는 메커니즘을 이용한다.

변수 이름 : 저장된 값의 고유 이름
변수 값 : 변수에 저장된 값
변수 할당 : 변수에 값을 저장하는 행위
변수 선언 : 변수를 사용하기 위해 컴퓨터에 알리는 행위
변수 참조 : 변수에 할당된 값을 읽어오는것

// var로 변수 선언
var myVar = "Hello World";
console.log(myVar); // "Hello World"

// let으로 변수 선언
let myLet = "Hello World";
console.log(myLet); // "Hello World"

// const로 상수 선언
const myConst = "Hello World";
console.log(myConst); // "Hello World"

var키워드는 중복선언이 가능해서 코드에 혼란을 줄 수 있기 때문에
let과 const를 사용해 선언해야한다.

// var로 변수 덮어쓰기
var myVar = "Hello";
var myVar = "World";
console.log(myVar); // "World"

// let으로 변수 덮어쓰기
let myLet = "Hello";
myLet = "World"; // 기존 값을 덮어쓰기
console.log(myLet); // "World"

// const로 상수 선언 후 값 변경하기
const myConst = "Hello";
myConst = "World"; // 오류 발생
console.log(myConst);