1. 이전 버전의 docker 가 설치 되있으면 삭제

   $ sudo apt-get remove docker docker-engine docker.io containerd runc

2. apt 패키지 업데이트

   $ sudo apt-get update
   $ sudo apt-get install \
   apt-transport-https \
   ca-certificates \
   curl \
   gnupg \
   lsb-release

   • apt-get update : 시스템(리눅스) 안의 apt 패키지 리스트를 최신상태로 업데이트
   • apt-transport-https : 패키지 관리자가 https를 통해 데이터 및 패키지에 접근할 수 있도록 한다.
   • ca-certificates : certificate authority 에서 발행되는 디지털 서명. SSL 인증서의 PEM 파일이 포함되어 있어 SSL 기반 앱이 SSL 연결이 되어있는지 확인할 수 있다.
   • curl : Client URL, 서버와 통신할 수 있는 커맨드 명령어 툴이다
   • gnupg : GNU Privacy Guard, 데이터를 암호화 하고, 전자 서명을 만들 수 있는 암호화 도구
   • lsb-release : 리눅스 배포판을 식별하는 간단한 도구

3. Docker 공식 GPG Key 추가

   $ curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo gpg --dearmor -o /usr/share/keyrings/docker-archive-keyring.gpg

   • curl 옵션
     • 추가값이 필요하지 않은 옵션의 경우 붙여서 쓸 수 있다
     • -f : http 헤더의 Content-Type 을 multipart/form-data 로 보낸다
     • -s : 진행과정/에러를 보여주지 않는다
     • -S : -s 옵션과 같이 사용시 에러발생인경우만 표시
     • -L : 301/302 응답시 자동 리다이랙트 허용
     4. 도커 엔진 설치

        $ sudo apt-get update
        $ sudo apt-get install docker-ce docker-ce-cli containerd.io

4. 도커 시작하기

   $ sudo service docker

   • wsl 은 systemctl 명령어가 없고 대신 service 를 통해 실행이 가능하다.

출처: https://docs.docker.com/engine/install/ubuntu/

num.toString() // "10" num.toString(2) // "1010"

let num2 = 255 num2.toString(16) // "ff"

- Math.PI
  - 원주율값 3.14...
- Math.ceil() : 올림
- Math.floor() : 내림
- Math.round() : 반올림
- Math.random() : 0-1 사이의 랜덤 숫자
- Math.max() / Math.min() : 최대 / 최소
- Math.abs() : 절대값
- Math.pow(n, m) : 제곱
- Math.sqrt() : 제곱근


- toFixed() : 괄호 안의 정수만큼 소숫점을 표현한 **"문자열"** 을 반환

let userRate = 30.1234 userRate.toFixed(2) // "30.12" userRate.toFixed(0) // "30" userRate.toFixed(6) // "30.123400"

- isNaN() : NaN 임을 판단하기 위해서는 이 함수를 사용해야만함.

let x = Number('x') // NaN

x == NaN // false x === NaN // false NaN == NaN // false

isNaN(x) // true ```

심볼은 유일한 식별자

const a = Symbol('id'); // new를 붙이지 않는다!
// symbol 생성시 'id'같이 설명을 문자열로 전달 가능.
// 생성에는 아무런 영향이 없다
const b = Symbol('id');

console.log(a); // Symbol(id)
console.log(b); // Symbol(id)

console.log(a === b); // false

심볼은 이전 포스팅에서 언급된 Object.keys(), Object.values(), Object.entries(), for...in문 등으로 출력되지 않는다.

const id = Symbol('id');
const user = {
  name : 'Mike',
  age : 30,
  [id] : 'myid'
}

console.log(Object.keys(user)); // ['name', 'age']
console.log(Object.values(user)); // ['Mike', 30]
for(let a in user) { // name, age
  console.log(user[a]);
}

심볼은 특정 객체에 원본 객체를 건드리지 않는 선에서 값을 추가하고 싶을때 유용하게 사용가능하다

• 유일성을 보장받고,

• 일반적인 순회 출력 옵션에서 출력이 되지 않기 때문

• Symbol.for() : 전역 심볼

  const a = Symbol.for('id');
  const b = Symbol.for('id');
  
  console.log(a === b); // true
  console.log(Symbol.keyFor(a)); // "id"

  • 가끔 전역 변수 처럼 이름이 같으면, 같은 객체를 가르켜야하는 경우가 있음. 이럴 때 사용
  • 없으면 만들고, 있으면 가져오기 때문에 하나의 심볼임을 보장 받음
  • Symbol.keyFor()을 쓰면 심볼의 이름을 알 수 있다
    • 일반적임 심볼은 description을 쓰면 알 수 있다.

      const id = Symbol('id 입니다');
      console.log(id.description); // "id 입니다"

• 숨겨진 Symbol key 보는 법

  • Object.getOwnPropertySymbols() : 객체의 심볼 출력
  • Reflect.ownKeys() : 객체의 심볼을 포함한 키값 출력

• 사용 예제

  // 다른 개발자가 만들어 놓은 객체
  const user = {
  name : 'Mike',
  age : 30,
  };
  

// 내가 작업 // user.showName = function() {}; const showName = Symbol('show name'); user[showName] = function() { console.log('my code. result: ', this.name); };

usershowName; // 추가한 함수 실행. 결과 : Mike

// 객체가 선언된 부분과 매우 거리가 멀어 내가 작업할때 인지하기 어렵다고 가정 // 내가 객체에 값을 추가 했어도 여기에 영향이 안가게 하고 싶을 때 심볼 사용 // 다른 개발자가 만들어 놓은 객체에 대한 loop문 for(let key in user) { console.log(His ${key} is ${user[key]}.) }

```

출처 : https://www.youtube.com/watch?v=E9uCNn6BaGQ

let a = 'age';
const user = {
  name : 'Mike',
  [a] : 30 // age : 30 과 같은 의미
}

출처 : https://www.youtube.com/watch?v=6NZpyA64ZUU

생성자란? OOP(객체 지향 프로그래밍)에서 객체 생성 시 호출되는 객체의 초기화를 담담하는 서브 루틴

사용 이유? 여러 개의 객체를 생성할 때 일일이 생성하는 것 보다 잘 초기화 되어있는 생성자를 통해 생성하면 캡슐화 및 코드의 재활용성이 높아진다

자바스크립트에서의 생성자 별도의 생성자가 있는 것은 아니지만, 일종의 흉내내기 인듯 하다. 아무 함수에다 new 를 붙여서 변수에 할당해주면 생성자의 역할을 한다.

function Item(title, price) {
  // this = {};

  this.title = title;
  this.price = price;
  this.showPrice = () => {
    console.log(`가격은 ${price}원 입니다.`)
  }

  // return this;
}

const item1 = new Item('인형', 3000);
const item2 = new Item('가방', 5000);
const item3 = new Item('지갑', 9000);

console.log(item1, item2, item3);

item3.showPrice();

new 를 통해 생성하면 생성자는 암묵적으로 this = {}를 통해 빈 객체를 할당하고, return this;로 객체를 반환해준다.

new 없이 그냥 함수를 할당하면 에러가 나지는 않으나, 반환하는 값이 없으니깐 undefined 가 되겠지요?

정리 : OOP 를 쓰고있다면 캡슐화!!

출처 : https://youtu.be/8hrSkOihmBI

• var, let

  • var는 선언한 후에 다시 선언이 가능.

    var name = 'Mike';
    console.log(name); // Mike
    

  var name = 'Jane'; console.log(name); // Jane

  * var는 선언하기 전에 사용할 수 있다. (호이스팅)
  그러나 name 이라는 변수만 호이스팅 되고, 값 할당은 호이스팅 안됨.

  console.log(name); var name = 'Mike';

  > 호이스팅이란? 
  스코프 내부 어디서든 변수 선언은 최상위에 선언된 것 처럼 행동
  
  * let은 실제로는 호이스팅이 되지만, 호이스팅 되지 않는것처럼 동작.   이유는 TDZ 때문

  let age = 30; function showAge() { console.log(age); let age = 20; // 함수 스코프 안에서 호이스팅 일어나, // console.log 가 찍히기 전에 변수 선언만 된 것처럼 작동. // => 오류가 발생한다. // 만약, 함수 안에서 age선언이 없었다면 함수 밖에서 선언된 // age 값을 참조해 오류가 발생하지 않는다. }

  > TDZ(Temporal Dead Zone)이란?
  변수가 할당을 받기 전에 사용하지 못하는 것.
  TDZ 는 스코프 단위로 발생

• const

  • 선언하면서 할당까지 해주어야 한다.
  • 이후 할당된 값의 변경이 불가능

• 스코프

  • var 는 함수 스코프
  • let, const 는 블록 스코프

    함수 스코프는 함수안에서 선언된 변수만 지역변수로 취급 블록 스코프는 함수 + 블록(if문, while문, for문 등...)에서 선언된 변수 모두를 지역변수로 취급

결론 : c++ 에서 하는것처럼 변수 선언하면 문제될 것이 없다.

출처 : https://www.youtube.com/watch?v=ocGc-AmWSnQ

정렬되지 않은 상태에서 같은 키값을 가지는 원소의 순서가 정렬 후에도 같은 같은 순서를 유지하느냐

이러한 특성에 따라 정렬은 안정 정렬, 불안정 정렬 두 가지로 구분 가능.

다음과 같은 순서로 카드가 있을 때,

안정 정렬의 경우는 원래의 순서가 보장되며, 하트4와 스페이드4의 순서가 유지된다. 비안정 정렬의 경우는 원래의 순서가 보장되지 않으며, 원래의 순서대로 될 수도 있지만, 다음과 같이 바뀔 수도 있다. 하트4와 스페이드4의 순서가 바뀜

출처: https://godgod732.tistory.com/10