JavaScript & TypeScript

• CSR 클라이언트 사이드 렌더링
  브라우저에서 실행되는 JavaScript의 실행 결과로 UI를 주도적으로 만드는, HTML을 주도적으로 만들어서 UI를 표현하는 방법

• SSR 서버 사이드 렌더링
  웹 서버에서 주도적으로 HTML을 만들고 브라우저한테 전송하는 방법

nodejs & npm

• node index.js 실행 시키기
  npm install colors 문구에 컬러 넣기

let colors = require('colors');

console.log ("hello world".yellow);

식별자

• 상수 = 대문자
  카멜 케이스 or 스네이크 케이스

식(연산 또는 계산)

• 식 = 값으로 환원 가능 , ;으로 구분
  문 = 값으로 환원 불가능

• 구조 분해 할당

const colors = ['red', 'yellow', 'black'];
const Colors = {
  blue: 'blue',
  green: 'green',
  white: 'white',
};

const [, yellow] = colors;
const { white, green } = Colors;

• 삼항 연산자

if (a === b) {
  a = 0;
} else {
  a= 1;
}

a = (a === b) ? 0 : 1;

참조와 복사

• 객체는 복사되지 않고 참조 됨

조건(분기)문

• { } 객체는 값이 있던, 없던 모두 참으로 구분
• case문: 어떤 값을 비교하면서 값의 유형이 일치하는것을 비교 (switch)

반복문

• for
  while 비교
  do while 한번 실행 후 비교
  for of 배열을 순회할때
  for in 키의 값을 하나씩 꺼내올때