[강의 정리 노트] JS 문법 종합반 1주차

📕 Javascript 문법 종합반 1주차

1. JS (자바스크립트) 언어의 역사 및 특징

▶️ 언어 : 컴퓨터와 사람 사이 소통이 필요

🖥️ Javascript
: 브라우저 동작 스크립트 언어 / 브라우저를 움직이게끔 하는 언어.

• 브라우저 : 자바스크립트를 통해서 많은 동적인 액션을 만들어낼 수 있다. 이를 제어하기 위해서 자바스크립트 언어가 생김.

1) 역사

• 2005년 AJAX 등장(javascript 기반의 기술)
  : 효율성, 속도 부족 -> 등장 이후 폭발적인 UX 향상
  * UX (User eXperience): 사용자 경험. 사용자들이 얼마나 편리하게 사용하는가
• 2008년 V8 엔진 출시 (google)
• : 브라우저 속도 엄청나게 향상 ⬆️
• 2009년 Node.js 등장
  ▶️ FullStack 등장 : FrontEnd + BackEnd + DB(MongoDb)

2) 특징

① 객체 지향 프로그래밍 지원

객체지향 vs 절차지향

• 절차지향 프로그래밍 : 입력된 순서대로 프로그램 실행 / 첫 번째 일 -> 두 번째 일
• 객체지향 프로그래밍 : 객체 단위로 프로그램을 묶어서 프로그램을 실행 : 여러군데에서 재활용 가능. 복잡한 프로그래밍이 가능

② 동적 타이핑 언어
: 변수의 type을 지정하지 않는다.

언제 변수의 Tyep이 결정되냐? 런타임에 결정
런타임 : 프로그램이 돌아가는 시간
코드가 다 짜지고 나서 프로그램이 돌아갈 때(=런타임 시), 변수의 type이 결정된다.

③ 함수의 프로그래밍 지원
④ 비동기 처리
⑤ 클라이언트 및 서버 측 모두에서 사용 가능

2. 기본 문법

1) 변수와 상수

✅ 변수 (모든 프로그래밍 언어에서 사용)

: 메모리에 값을 저장한다. 읽어들여서 재사용한다.

📌 변수의 5가지 주요 개념

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

📌 변수를 선언할 수 있는 3가지 방법 : var, let, const

1️⃣ var

var myVar ="Hello Wordl"
var myVar ="Test 1"; // 동일 변수 중복 선언 가능
myVar = "GoodBye"; // 기존 값 덮어쓰기 
console.log(myVar); // "GoodBye"

2️⃣ let

let myLet = "Hello World1";
let myLet = "Test 2"; // 동일 변수 중복 선언 시 오류
myLet = "GoodBye 1" // 기존 값 덮어쓰기
console.log(myLet); // "GoodBye 1"

3️⃣ const

const myConst = "Hello World2";
const myConst = "Test 3"; // 동일 변수 중복 선언 시 오류
myConst = "GoodBye 2" // 변수 값 변경 시 오류 발생
console.log(myConst);

▶️ 변수에 값 재할당 시 오류.

2) 데이터 타입과 형 변환

(아래 링크 참고)
Javascript 데이터 타입과 형 변환

3) 연산자

(아래 링크 참고)
Javascript 연산자

4) 함수

3. 문

1) 조건문 (if, else if, else, swhich)

(아래 링크 참고)
Javascript 조건문

2) 반복문 (for 문)

Javascript 반복문

4. 객체와 객체 메소드

(아래 링크 참고)
Javascript 객체와 객체 메소드

5. 배열과 배열 메소드

(아래 링크 참고)
Javascript 배열과 배열 메소드