항해14기 본과정/항해14기 개발일지

[항해 14기] 개발일지1 (JS 기본)

스쿼트잘함 2023. 4. 23. 01:45

JS 복습

 

1.js 개요

1) 역사

- 1995년 탄생, 브라우저 동작 스크립트 언어

- 1999년 ECMA 표준화

- 2005년 AJAX, 비동기 개발가능, UX향상

- 2008년 V8엔진 출시, 2009년 Node.js 등장

- 2015년 ES6, 2016년 프론트엔드 프레임워크+대중화

 

2) 특징

- 객체지향(객체 그룹으로 처리)

- 동적 타이핑(변수타입지정X)

- 함수형 프로그래밍

- 비동기 처리

- 클라이언트와 서버 언어 동일(node.js)

 

 

2. 기본문법

1) 변수와 상수

- var : 재선언+재할당가능

- let : 재할당가능

- const : 둘다 불가능

 

2) 데이터 타입

- 숫자(정수,실수,지수,Nan,Infinity)

- 문자형, 불린형, 객체, 배열, null+undefine 등

 

3) 형변환

3.1) 암시적 형변환

- 문자열 변환 : let result = 1 + "2" , let result = "1" + true
- {}, null, undefined 등등 +'string'하면 전부 문자열로 변환
- 숫자 변환 : let result3 = 1 - "2", let result4 = "2" * "3"; 

3.2) 명시적 형변환
- 불린 false : Boolean(0), Boolean(""), Boolean(null), Boolean(undefined), Boolean(NaN)

- 나머지 불린은 true

- 문자열 let result = String(123), String(true), String(null+undefined)
- 숫자 let sesult = Number("123")

 

4) 연산자

- 연산자(+ - * / %), 할당 연산자 (= += -= *= 등)

- 비교 연산자 ( ===, !==, >, <=), 논리 연산자 (&&, ||)

- 삼항연산자, 타입연산자(typeof)

 

5) 함수

- 함수 선언문 :

function add(x, y) {
  return x + y;
}

- 함수 표현식 :

let add2 = function (x, y) {
  return x + y;
};

- 함수호출 : 함수명(), 함수명(입력값), let a = 함수(입력값) + console.loga(a)

 

 

3. 문

- 조건문, 중첩 조건문

- 조건부 실행 x > 0 && console.log("x는 양수입니다")

- 삼항 연산자, 단축평가 let z = y || 20; // y미설정이면 기본값 20으로 설정

- truthy, falsy 값