리눅스 설치

• 학습 개요
  CentOS Linux 배포판의 설치를 위한 준비 작업을 알아본다.
  리눅스 파티션의 의미, 장치이름과 주요 표준 디렉토리의 종류와 용도를 살펴본다.
  CentOS의 설치 과정을 학습하고 설치함으로 실습을 준비한다.

• 학습 목표

  1. 리눅스 설치를 위한 준비 과정을 설명할 수 있다.
  2. 파티션, 장치이름, 리눅스 표준 디렉토리에 관해 설명할 수 있다.
  3. CentOS 운영체제를 설치할 수 있다.

리눅스 실습 환경의 준비

CentOS

• RHEL의 소스코드를 이용해 만들어진 무료 배포판.
• 상용 RHEL과 호환되나 운영상의 문제가 생길 때 스스로 해결해야 함.
• 웹 서버나 데이터베이스 서버용 컴퓨터로 널리 사용됨.
• 리눅스 마스터 1급 2차 : CentOS 6.9 또는 Fedora 13 버전으로 시험 진행.

CentOS 설치를 위한 하드웨어 사양

• i386 || x86_64 프로세서
• GUI를 사용하려면 512M이상의 RAM과 5G 이상의 하드디스트가 필요함.

설치전 준비 작업

추후 정리 후 링크 연결 하겠음.
ISO 이미지 파일을 가상머신 SW에 설치하거나 설치 DVD를 만들어 설치할 수 있음.

하드디스크의 비어있는 파티션에 설치

• 기존 운영체제에서 사용하지 않는 파티션이 있는지 확인.
  • 리눅스용 파티션을 준비하는 것.
• 리눅스 설치 공간은 기존의 운영체제 공간과 구분됨.
• 부팅시 윈도우와 리눅스 중 선택할 수 있음(멀티부팅)

가상머신 SW를 이용하여 설치

• 가상머신 소프트웨어 설치 후 가상머신에 리눅스 설치
• 게스트 운영체제로 설치됨.

가상머신에 설치하는 방법으로 추후 정리하여 링크로 연결 하겠음.

저장 장치 이름과 표준 디렉토리

파티션

• 하드디스크를 논리적으로 나눈 구역.
• 파티션 별로 파일 시스템을 만들 수 있음.
• 윈도우에서는 각 파티션 마다 각각의 드라이브로 지정함 (C:, D:, ...)
• 리눅스는 오직 개의 루트 디렉토리(/)만을 가짐.
  • 파티션은 푸트 파일 시스템의 특정 디렉토리에 부착됨.
    • 저장장치를 사용하려면 해당 저장장치 이름을 파일 시스템의 특정 디렉토리에 마운트 시켜야 함.
  • 예) 장치이름/dev/sdb1 을 /home에 부착
• Linux는 하드디스트나 주변 장치를 모두 파일로 취급함.
• 네트워크 소켓이나 프로세스, 모든 주변 장치 등을 파일처럼 다룸.

장치 이름

• 리눅스에서 사용하는 하드디스트 장치 또는 파티션의 이름
• IDE 디스크 : 이름에 'hd'를 붙임.
  • /dev/hda, /dev/hdb, ...
• SCSI 디스트 : 이름에 'sd'를 붙임
  • /dev/sda, /dev/sdb, ...
• 물리적인 하드디스크가 추가될 때 알파벳 순서대로.
• 파티션 번호는 숫자를 1부터 차례대로 붙임
  • /dev/hda1, /dev/hda2, ...
• CD/DVD
  • /dev/sr0, /dev/sr1, ...

리눅스 표준 디렉토리

다양한 배포판이 등장함으로써 디렉토리 구조나 사용방법의 통일성을 위해 디렉토리 표준이 생겼음.
거의 모든 리눅스 배포판이 비슷한 디렉토리 구조를 갖게 됨.

/ -               : 루트 디렉토리
  |                 * 전체 파일 시스템의 최상위 경로
  +- bin          : 바이너리 디렉토리
  |                 * 기본적인 명령의 실행 파일들이 위치
  +- sbin         : 바이너리 디렉토리
  |                 * 시스템 관리와 관련된 명령의 실행 파일이 위치
  +- boot         : 부트 디렉토리
  |                 * 리눅스가 부팅될 때 사용되는 설정 파일이 위치
  |                 * 커널 이미지(vmlinz)와 부트 로더 설정 파일을 포함
  +- dev          : 디바이스 디렉토리
  |                 * 장치를 접근하는데 사용되는 '디바이스 파일'이 위치
  +- etc          : 시스템 설정 파일 디렉토리
  |                 * 초기화 스크립트, 사용자 정보 등 시스템의 중요한 환경 설정 파일이 위치
  +- home         : 사용자 계정 디렉토리
  |                 * 사용자 계정의 홈 디렉토리가 만들어지는 디렉토리 예) /home/jeaha
  |                 * 사용자의 홈 디렉토리는 해당 사용자만 사용할 수 있는 독립적인 공간
  +- lib          : 공유 라이브러리 디렉토리
  |                 * 프로그램들이 사용하는 시스템 라이브러리 파일들이 위치
  +- media        : 미디어 디렉토리
  |                 * 이동식 저장장치가 마운트 될 때, 마운트 지점을 제공함.
  +- proc         : 시스템 정보 디렉토리
  |                 * 커널이 사용하는 가상의 파일 시스템
  +- root         : 루트 계정의 디렉토리
  |                 * root 계정의 홈 디렉토리
  +- usr          : 사용자 디렉토리
  |   +- bin      : 여러가지 실행파일
  |   +- sbin     : 여러가지 실행파일
  |   +- include  : 라이브러리 헤더파일
  |   *- lib      : 실행파일을 위한 사용자 라이브러리
  *- var          : 가변 자료 저장 디렉토리
                    * 시스템 운영 중에 필요한 가변 자료가 저장되는 디렉토리
                    * 시스템 작동 로그, 인쇄, 메일 등

리눅스 설치하기

가상머신에 설치하는 방법을 추후 정리하여 링크로 연결 하겠음.

리눅스 란

• 학습 개요
  UNIX 운영체제와 리눅스의 발전 과정을 알아보고 리눅스의 특징을 알아보자.
  GNU 프로젝트와 오픈소스 소프트뤠어 라이센스의 의미를 알아보자.
  또 주요 리눅수 배포판의 특징을 정리해 보자.

• 학습 목표

  1. 리눅스의 발전사와 특징을 알아본다.
  2. 오픈소스 소프트웨어 라이센스의 종류를 나열해 보자.
  3. 주요 리눅스 배포판의 특징을 설명해 보자.

유닉스와 리눅스

UNIX의 특징

다중 사용자(Multi User), 다중 작업(Multi Thread)을 지원하는 신뢰성 높은 시분할 방식의 운영체제.
운영체제가 C로 작성되었기 때문에 이식성이 좋음.
네트워크 기능에 강력함.
단순화 된 설계, 모듈화된 설계로 기능을 제공함.
파일 시스템 트리가 하나로 통합됨.
셸스크립트로 명령 행 기반의 인터페이스를 사용할 수 있음.

UNIX와 LINUX

• 리눅스는 UNIX의 무료 공개 버전.
• 초기의 리눅스는 PC용 운영체제로 개발 되었음. (UNIX는 고성능 혹은 중형 컴퓨터 용으로 제작됨)

UNIX 발전사

• 최초의 UNIX
  • Multics
    • 1969년 assembly 언어로 작성된 최초의 시분할 운영체제.
  • Unicx -> UNIX
    • 작고 심플한 운영체제로 다시 작성됨.
    • 1973년 대부분이 C 언어로 다시 작성 됨.
• 대표적인 UNIX 시스템
  • BSD 계열 (버클리) : Free BSD, SunOS
  • System V 계열 (직계) : HP-UX, IBM AIX, Solaris(SunOS가 System 계열로 넘어옴)
  • Linux : 리눅스 커널을 사용하는 운영체제

Linux의 등장

• 1983년 GNU 프로젝트
  • 리처드 스톨만(MIT연구원)이 UNIX와 유사한 공개 운영체제를 개발하기 위해 GNU 프로젝트를 시작.
  • 소프트웨어 상업화에 반대하고 소스코드의 공유, 자유로운 사용과 배포를 주장.
  • 1985년 GNU 선언문 (Manifesto) 발표.
  • 1989년 GPL을 발표.
  • 현재 Free Software Foundation(FSF)라는 이름으로 활동.
  • GNU 프로젝트에서 만들어진 Util들이 Linux에서 사용 됨.
• 1991년 Linux Kernel
  • 리누스 토발즈가 리눅스 커널을 작성하여 발표
    • 커널은 하드웨어를 제어하고 응용 프로그램과의 상호작용을 제공하는 운영체제의 핵심임.
  • 개발자인 Linus와 UNIX의 이름을 따서 Linux로 명명함.
• 1992년
  • 최초의 리눅스 배포판인 MCC Interim 리눅스가 발표됨.
  • 보통 리눅스라 함은 리눅스 커널을 사용한 운영체제(리눅스 배포판)를 의미함.
• 1998년
  • IBM과 Oracle이 리눅스 지원을 발표함.

리눅스 개요

리눅스 발전상

• 전 세계 리눅스 사용자는 만명 정도로 추산됨.
• 유수의 100만 도메인 중 95% 이상이 리눅스를 사용
• Mac, 안드로이드 운영체제가 리눅스 기반.
• 슈퍼 컴퓨터의 95%가 리눅스에서 운영됨.
• 주요 증권 거래소에서 리눅스 서버 사용.
• 대다수 전자장비에서 리눅스 사용.

리눅스의 특징

• 다중 사용자와 다중 작업을 지원.
• 뛰어난 이식성
• 모듈화 되어 있어 업그레이드 또는 업데이트가 용이함.
• CUI와 GUI를 지원.
  • Character UI : Shell을 통해 커맨드 입력.
  • Graphical UI : X Window, GNOME, KDE 등의 데스트 톱.
• 소스코드가 공개죔.
  • 공개 소스로서 빠르게 발전하고 보완됨.
• 여러 종류의 파일 시스템을 지원.
  • Minix, ext 계열, FAT, FAT32, NTFS, NFS, ISO-9660 등.
• 효과적인 하드웨어의 활용.(저사양 하드웨어에서도 효율적으로 활용 가능하다)
• 다양한 응용프로그램과 소프트웨어 개발 환경을 제공.

오픈소스와 라이센스

오픈소스

• 개발자(저작권자)가 소스코드를 공개하여 누구나 사용, 수정, 공유할 수 있도록 허가람 소프트웨어.
• 반대 개념은 "proprietary (closed) SW"

소프트웨어 라이센스

• 컴퓨터 프로그램은 지식재산권으로 보호받는 저작물.
• 원칙적으로 저작자가 공표, 복제, 배포, 개작할 권한을 가짐.
• 타인에게 일정한 대가나 조건을 전제로 권한을 부여할 수 있음.(라이센스)
  opensource.org

오픈 소스의 장점

• 누구나 잘못된 점을 발견하고, 알리거나, 고칠 수 있음.
• 배울 수 있고, 효율적인 프로그램 개발에 적용할 수 있음.
• 오픈 소스는 여러 사람에 의해 테스트되어 안전함.
• 오픈소스 운동의 철학은 커뮤니티를 통한 협력, 공유, 개방이 발전을 위해 효율적이라는 것.

GNU 프로젝트와 자유 소프트웨어 운동

• 목적에 상관없이 프로그램을 실행할 수 있는 자유
• 프로그램을 복제하고 공유할 수 있는 자유
• 소스코드를 개작할 수 있는 자유
• 개작된 프로그램을 배포할 수 있는 자유
  • 소프트웨어 소스코드는 공개

리눅스의 라이센스

• 리눅스는 독접되거나 배타되지 않는 자유 소프트웨어
  • 공개 라이센스에 따라 자유롭게 고치고 배포 가능
• 주로 GPL (GNU General Public License)를 따름.
• 일부는 LGPL(GNU Lesser General Public License)
• X Window는 MIT 라이센스

GNU GPL

• 자유롭게 사용, 복제, 배포
• 필요에 따라 자유롭게 수정하고 배포 가능.
• 수정하여 배포하는 경우 소스코드를 공개하여야 함.
• 수정된 소프트웨어에 저작권을 표시하고 똑같이 GPL 조건으로 배포하여야 함.

다양한 오픈소스 소프트웨어 라이센스

• GPL, LGPL, MPL
  • 소스코드를 공개해야 하는 카피레프트 라이센스
    • 기본적으로 코드를 공개하도록 함.
  • LGPL은 주로 오픈소스 라이브러리에 적용됨
  • MPL 코드와 결합하여 프로그램을 만들 때, MPL 코드를 포함하지 않은 파일은 공개 의무가 없음.
  • 소스코드의 공개 범위는 다르게 정의 됨.
    • 전체 / 파일 / 모듈 단위 등
• BSD, Apache, MIT 라이센스
  • 배포 시 소스코드의 비공개가 허용됨.
  • Permissive 라이센스라고도 함.
  • 코드의 재사용을 높이려는 목적.

리눅스 배포판

리눅스 배포판의 역사

• 리눅스 배포판은 리눅스 커널 외에 시스템 유틸리티, 응용프로그램, 설치 프로그램을 포함한 완전한 운영체제
• 리눅스 커널은 1991년 처음 개발됨.
  • 1994년에 커널 1.0이 발표 되었고 최신 안정 버전은 4.12
• 1992년 최초의 배포판 MCC Interim과 SLS(Softlanding Linux System) 배포판이 발표됨.
• 1993년부터 주요 배포판이 나오기 시작함.

주요 리눅스 배포판의 종류

• Debian 계열 : Debian, Ubuntu etc
• Slackware : Slackware, SUSE etc
• Red Hat : Redhat, Fedora, CentOS etc

Debian Linux

• Debian Project
  • 자유 운영체제를 만들어가는 사람들의 독자적인 모임.
  • Ian Merdock에 의해 1994년에 비영리 조직으로 설림
• GNU 정신에 가장 충실한 배포판
  • GNU의 공식 후원을 받는 유일한 배포판
• 세 가지 릴리즈를 유지
  • stable, testing, unstable
  • 코드명을 가지며(toystory 케릭터 이름), unstable 버전은 항상 코드명이 sid

Red Hat

• 배포판 가운데 가장 널리 알려진 리눅스
• Red Hat Linux
  • 2003년 지원 중단. 마지막 버전은 9.
• Red Hat Enterprise Linux (RHEL)
  • Red Hat 사에 의해 지원. 최신 버젼은 7
• Fedora 라는 오픈소스 프로젝트를 지원. (Fedora는 RHEL의 테스트 버젼)
• RPM(Redhat Package Manager)
  • 바이너리, 설정파일, 라이브러리, 문서 등을 일괄 관리 기능
  • 데이터베이스를 검색하여 패키비나 특정 파일의 검색 기능
  • 패키비에 필요한 파일, 의존성 유무 등을 조사하는 기능

CentOS

• Red Hat Linux로 부터 파생
• RHEL 기반의 무료 버전
  • RHEL의 소스코드 기반으로 만들어지는 무료 배포판
  • RHEL은 유료로 지원
• 서버용으로 많이 사용됨.
• 최신 버전 7.3

SuSE Linux

• Slackware Linux 의 파생
• 독일에서 만든 배포판, 유럽에서 많이 사용.
• Software und System Entwicklung의 약자(Software 와 System의 발전).
• 풍부한 기능, 안정성, 보안 기능을 포함.
• Novell 사에 의해 지원.
• 두가지 종류
  • SUSE Linux Enterprise(유료)
  • openSUSE (무료)

Slackware Linux

• SLS linux에서 파생
• 가장 먼저 대중화 된, 현존하는 가장 오래된 배포판.
• 1992년 Patrick Volkerding에 의해 시작됨.
• 간결한 설계 철학으로 함. (the KISS priciple)
  • 현재 GNOME desktop이 제외되어 있음.
• 유닉스 자체 학습에 적합함.

Ubuntu

• Debian Linux에서 파생
• desktop Unity를 제공하여 Linux를 쉽게 사용할 수 있도록 함.
• Debian Linux에 비하여 사용 편리성에 중점을 둠.
• 인기 있는 리눅스 배포판 중 하나.

윈도우10 재설치 없이 UEFI 모드로 변환하기

why?

서브 노트북이 필요해서 레노버 아이디어 패드 S340-15IWL 프리도스 모델을 사서 윈도우 10을 설치 했는데,
HDMI 포트로 외부 모니터 연결이 안되는 이슈가 발생했음.
글카 드라이버도 잡아보고 bios 버젼도 바꿔보고 했는데, BIOS를 UEFI로 실행하면 된다는 포스팅이 있었음.
그런데 이게 또 Windows를 설치 할때 잡아주는 방법 말고는 구글링 해서 방법을 찾기 어려웠고, 나는 이미 윈도우 설치후 초기 셋팅에 개발 환경 셋팅을 다 해놨기 때문에 OS 설치를 처음부터 다시 할 엄두가 서지 않았음.
끝없는 삽질 끝에 결국 방법을 알아내서 기록 해 둠.

checksum

일단, UEFI 모드로 변환 하기 전에 확인 해야할, 만족해야 할 사항이 있음.

1. Windows10 v1703이상
   • { win + r } -> winver 입력해서 현재 윈도우 버젼을 확인함.
2. Legacy BIOS 모드 사용 중.
   • { win + r } -> msinfo32 입력해서 열린 창에서 BIOS 모드가 레거시 인지 확인 해야함.
3. Windows 10 설치된 드라이브 파티션 3개 미만 및 Partition Style MBR
   • { win + r } -> disckmgmt.msc 입력해서 열린 창에서 파티션 갯수 확인 가능.
   • os가 설치된 볼륨 우클릭, properties 혹은 속성 -> Volumes 탭에서 Partition style : MBR 확인

Partition Style MBR -> GPT 변환

1. 설정 -> 업데이트 및 보안 -> 복구 Advanced Startup(고급 시작 옵션) 섹션에서 재시작을 함.
2. 옵션 선택에서 문제 해결 -> 고급 옵션 -> 명령 프롬프트 실행. 윈도우 암호를 입력해서 관리자 CMD 창을 실행 시킴.
3. { mbr2pgt /validate } 실행
4. { mbr2gpt /convert } 실행
5. 여기서 나는 문제가 생겼는데, 3, 4번 명령어에 1가지 옵션을 더 넣어 줬음. 문제가 없다면 8번으로 넘어가면 됨.
6. { mbr2gpt /validate /allowFullOS }
7. { mbr2gpt /convert /allowFullOS }
8. 컴퓨터 시작과 함께 BIOS 모드로 진입, UEFI로 설정 해주면 됨.

서버 로그를 확인 해야 하는데 4기가 짜리 로그를 읽으려니 웬만한 텍스트 에디터에서 지원하지 않았음..

아래 링크에서 Large Text File Viewer를 받아서 이용하면 됨.

무설치임.

https://web.archive.org/web/20140908181354fw_/http://swiftgear.com/ltfviewer/features.html

정말 궁금한게,

연봉 10억대 받는 Oracle 개발자가 만든 Oracle DB를 사용 하지 않고,
연봉 1억대 받을까 말까 하는 T MAX 개발자가 만든 Tibero를 쓰는 이유는 대체 뭘까.

Async / Await

async와 await

01.js

function delay(ms) {
  return new Promise((resolve) => setTimeout(resolve, ms));
}

async function progress() {
  console.log("HI HI");
  await delay(1000);
  console.log("BYE");
}

progress();

동기 작업이 필요 할 때 함수의 선언 앞부분에 async 키워드를 붙임.
그리고 Promise를 리턴 받는 곳에 await 키워드를 넣어주면 해당 Promise가 끝날 때까지 기다렸다 다음 작업을 수행 할 수 있음.

then

위 코드에서는 delay이라는 함수를 만들어서 파라미터로 넣어준 시간 만큼 기다리는 Promise를 만들고, 이를 progress 함수에서 사용함.
함수에서 async를 사용하면, 해당 함수는 결과 값으로 Promise를 반환하게 됨.
따라서 await을 기다린 후 작업할 것이 있다면, 다음과 같이 then을 써서 코드를 작성할 수 있음.

02.js

function delay(ms) {
  return new Promise((resolve) => setTimeout(resolve, ms));
}

async function progress() {
  console.log("HI HI");
  await delay(1000);
  console.log("BYE");
}

progress().then(() => {
  console.log("progress end");
});

async await의 catch

async 함수에서 에러를 발생 시킬 때는 throw를 사용하고,
에러처리는 try / catch 문을 이용하면 됨.
03.js

function delay(ms) {
  return new Promise((resolve) => setTimeout(resolve, ms));
}

async function troubleMaker() {
  await delay(1000);
  throw new Error("await make error");
}

async function progress() {
  try {
    await troubleMaker();
  } catch (err) {
    console.error(err.message);
  }
}

progress();

async await의 return

동기 후 결과를 처리해야 한다면 then으로 결과를 받아서 처리할 수 있음.
04.js

const arr = ["a", "b", "c", "d", "e"];

const delay = (idx) => {
  return new Promise((resolve) =>
    setTimeout(() => {
      resolve(arr[idx]);
    }, 500)
  );
};

const basic = async () => {
  const item = await delay(2);
  console.log("await end");
  return item;
};

basic().then((result) => console.log(result));

async await 의 반복문.

반복문에서 await를 사용해야 하는 경우 forEach문은 사용할 수 없음.
일반적인 for문이나, for in, for of문을 사용해야 함.

05.js

const delay = (item) => {
  return new Promise((resolve) =>
    setTimeout(() => {
      console.log(item);
      resolve();
    }, 500)
  );
};

const arr = [0, 1, 2, 3, 4];

const loop = async (array) => {
  array.forEach(async (item) => await delay(item));

  console.log("DONE!");
};

loop(arr);

06.js

const delay = (item) => {
  return new Promise((resolve) =>
    setTimeout(() => {
      console.log(item);
      resolve();
    }, 500)
  );
};

const arr = [0, 1, 2, 3, 4];

const loop = async (array) => {
  //array.forEach(async item => await delay(item));
  for (let i = 0; i < array.length; i++) {
    await delay(arr[i]);
  }
  for (const item of array) {
    await delay(item);
  }
  for (const item in array) {
    await delay(item);
  }

  console.log("DONE!");
};

loop(arr);

await의 병렬 처리

동기적이면서 병렬 처리를 하는 방법도 있음.
07.js

const delay = (item) => {
  return new Promise((resolve) =>
    setTimeout(() => {
      console.log(item);
      resolve();
    }, 500)
  );
};

const arr = [0, 1, 2, 3, 4];

const parallel = async (array) => {
  const promises = array.map((item) => delay(item));
  await Promise.all(promises);

  console.log("DONE!");
};

parallel(arr);

Promise

참고 : MDN Promise
참고 : 감성프로그래밍

비동기 처리를 위해서 JS 에서는 주로 콜백을 많이 사용함.
콜백은 비동기 처리를 할 수 있지만, 비동기 작업을 순차적으로 처리해야할 경우 중첩시켜 표현하므로 예외처리가 어렵고, 중첩으로 인한 복잡도가 높음.
이를 위해 Promise 라이브러리가 생겼고 ES6에서 언어적 차원에서 지원하게 됨.
IE에서는 지원 되지 않지만 bluebirdjs 라이브러리를 추가 해준다면 지원 가능함.
Promise의 핵심은 목적만 머리에 넣고, 직접 적용해 보는것임.

Promise는 pending(수행중), fulfilled(완료), rejectd(실패), settled(종료)의 단계를 가지고 있고,
단어 의미 그대로 "약속"임. '지금은 없는데, 이상없으면 이따 주고 없으면 알려줄게~' 의 약속임.

Promise의 선언

//  Promise의 선언부
let myPromise = function (param) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      if (param) {
        resolve("SUCESS!!");
      } else {
        reject(Error("FAIL!!"));
      }
    }, 1000);
  });
};

//  Promise의 실행부
myPromise(false)
  .then((result) => console.log(result))
  .catch((err) => console.log(err));

//  아래처럼 실행할 수도 있음.
myPromise(false).then(
  (result) => console.log(result),
  (err) => console.log(err)
);

Promise의 심화는 생략 하도록 하겠음.

Spread And Rest

Spread

spread라는 단어는 펼치다 퍼뜨리다 라는 의미를 가지고 있는데,
이 문법을 사용하면 객체 혹은 배열을 펼칠 수 있음.
예를 들어 다음과 같은 객체들이 있다고 가정하면,
01.js

const o = {
  name: "object",
};

const ob = {
  name: "object",
  attribute: "hard",
};

const obj = {
  name: "object",
  attribute: "hard",
  color: "grey",
};

console.log(o);
console.log(ob);
console.log(obj);

객체 o를 선언하고, 기존에 선언한 o를 건드리지 않고 o의 속성을 이용해서 ob를 만들고, ob의 속성을 이용해서 obj를 만들었는데,
기존의 객체를 건드리지 않고 새로운 객체를 만들 때 spread를 사용하면 다음과 같이 작성할 수 있음.

02.js

const o = {
  name: "object",
};

const ob = {
  ...o,
  attribute: "hard",
};

const obj = {
  ...ob,
  color: "grey",
};

console.log(o);
console.log(ob);
console.log(obj);

배열에서 Spread

const pet = ["개", "고양이", "토끼"];
const animals = [...pet, "코요테", "코끼리"];

console.log(pet);
console.log(animals);

Rest

Rest는 가변 인자를 받아 배열로 만들어 선언하는것

04.js

const obj = {
  name: "object",
  attribute: "hard",
  color: "grey",
};

const { attribute, ...rest } = obj;

console.log(attribute);
console.log(rest);

배열에서의 rest

05.js

const numbers = [0, 1, 2, 3, 4, 5, 6];
const [first, ...others] = numbers;

console.log(first);
console.log(others);

// const [...othrs, last] = numbers;

함수 파라미터와 인자로서의 rest와 spread

const sum = function (...nums) {
  return nums.reduce((acc, curr) => acc + curr, 0);
};

const numbers = [1, 2, 3, 4, 5];
const result = sum(...numbers);

console.log(result);

Destructuring Assignment

구조 분해 할당, 또는 비구조화 할당.
배열이나 객체의 속성을 해체하여 그 값을 개별 변수로 담을수 있게 하는 표현식.

객체 비구조화 할당

01.js

  const batMan = {
    name: '브루스 웨인',
    actor: '크리스챤 베일',
    alias: '배트맨'
  };

  const catWoman = {
    name: '셀리나 카일',
    actor: '앤 헤서웨이',
    alias: '켓 우먼'
  };

  function print(hero) {
    const { alias, name, actor } = hero;
    const text = `${alias}(${name}) 역할을 맡은 배우는 ${actor} 입니다.`;
    console.log(text);
  }

  print(batMan);
  print(catWoman);

  const { alias, name, actor } = hero;

이 코드가 객체에서 값들을 추출해서 새로운 변수로 선언해 주는 것.
여기서 파라미터 단에서 객체 비구조화 할당을 하면 더 심플한 코드를 작성할 수 있음.
02.js

  const batMan = {
    name: '브루스 웨인',
    actor: '크리스챤 베일',
    alias: '배트맨'
  };

  const catWoman = {
    name: '셀리나 카일',
    actor: '앤 헤서웨이',
    alias: '켓 우먼'
  };

  function print({ alias, name, actor }) {
    const text = `${alias}(${name}) 역할을 맡은 배우는 ${actor} 입니다.`;
    console.log(text);
  }

  print(batMan);
  print(catWoman);

배열 비구조화 할당.

03.js

  const arr = [1, 2];
  const [one, two, three = 3] = arr;

  console.log( one );
  console.log( two );
  console.log( three );

깊은 비구조화 할당.

  const deepObject = {
    state: {
      information: {
        name: 'jeaha',
        languages: ['javascript', 'java', 'sql']
      }
    },
    value: 5
  };

  const { name, languages } = deepObject.state.information;
  const { value } = deepObject;

  const extracted = {
    name,
    languages,
    value
  };

  console.log(extracted);

Arrow Function

화살표 함수는 function 키워드 대신 => 를 사용하여 보다 간락한 방법으로 함수를 선언할 수 있다.

Arrow Function의 선언

  // 매개변수 지정 방법
  // 매개변수가 없을 경우
      () => { ... }
  // 매개변수가 한 개인 경우, 소괄호를 생략할 수 있다.
      x => { ... }
  // 매개변수가 여러 개인 경우, 소괄호를 생략할 수 없다.
  (x, y) => { ... }

  // 함수 몸체 지정 방법
  // single line block
  // 함수 몸체가 한줄의 구문이라면 중괄호를 생략할 수 있으며 암묵적으로 return된다.
  x => { return x * x }
  x => x * x

  //  객체를 반환하는 경우. 소괄호를 사용한다.
  () => { return { a: 1 }; }
  () => ({ a: 1 })

  // multi line block.
  () => {
    const x = 10;
    return x * x;
  };

Arrow Function과 callback

화살표 함수가 기존의 function키워드를 완전히 대신할 수는 없지만, callback 함수에서 사용하면 간결하게 사용 가능하다.

02.js

  const nums = [1, 2, 3, 4, 5,];

  const oddNums = nums.filter(n => n % 2);

  console.log(oddNums);

Arrow Function과 this

Arrow Function은 자신을 포함하는 외부 scope에서 this를 계승 받는다.

  function That() {
    this.name = 'ASDF';

    setTimeout(function () {
      console.log(this.name);
    }, 1000);

    setTimeout(() => {
      console.log(this.name);
    }, 1000);
  }

  That();