Today I Learned

1. 리액트 :

미들웨어란

리덕스 데이터를 수정할 때 디스패치 - 리듀서 과정 사이에 사전 작업을 할 수 있도록 하는 중간 다리 역할

redux-thunk

객체 대신 함수를 생성하는 액션 생성함수를 작성할 수 있게 해준다. - 특정 액션이 발생하기 전에 조건을 주거나 사전에 처리하기 위함

리덕스의 저장된 데이터 변경 시 흐름

새로고침 시에도 리덕스 내의 데이터를 유지하려면

SSR - DB에 저장, Read시킨다
CSR - LocalStorage, Session, Cookie등 을 이용한다.

2. 모던 자바스크립트 Deep Dive :

10장 객체 리터럴

객체란

원시 값을 제외한 모든 값(함수, 배열 등)이 객체. 원시 값은 변경 불가능한 값이지만 객체는 변경 가능한 값이다.

객체 리터럴에 의한 객체 생성

자바 같은 클래스 기반 객체지향 언어는 클래스를 사전에 정의하고 필요한 시점에 new연산자와 생성자를 호출하여 인스턴스를 생성하는 방식으로 객체를 생성한다.
자바스크립트는 프로통타입 기반 객체지향 언어로서 다양한 객체 생성 방법을 지원한다.
그 중 객체 리터럴은 중괄호 내에 0개 이상의 프로퍼티를 정의한다.

프로퍼티

객체는 프로퍼티의 집합이며, 프로퍼티는 키와 값으로 구성된다.
프로퍼티를 나열할 때는 쉼표로 구분하고 마지막 프로퍼티 뒤에는 사용해도 되고 안해도 된다.
프로퍼티 키 : 모든 문자열
프로퍼티 값: 사용할 수 있는 모든 값

메서드

프로퍼티 값이 함수일 경우 메서드라 부른다. (객체에 묶여 있는 함수) 메서드 내부에서 사용한 this 키워드는 객체 자신을 가리키는 참조변수다.

프로퍼티 접근

마침표와 대괄호를 사용할 수 있다.
ex)

var person = {
	name: 'Lee'
}
console.log(person.name);
console.log(person['name']);

대괄호 사용의 경우 프로퍼티 키는 반드시 따옴표로 감싸야한다.

프로퍼티 갱신

이미 존재하는 프로퍼티에 값을 할당하면 프로퍼티 값이 갱신된다.

프로퍼티 동적 생성

존재하지 않는 프로퍼티에 값을 할당하면 프로퍼티가 동적으로 생성되어 추가되고 값이 할당된다.

프로퍼티 삭제

delete 연산자는 객체의 프로퍼티를 삭제한다. 존재하지 않는 프로퍼티라면 무시된다.

3. CS 스터디 :

1장 컴퓨터 내부의 언어 체계 (p.83 ~ p.90)

문자를 이용한 수 표현

• QP인코딩 : 인코딩된 메시지를 디코딩하지 않아도 아스키 문자들이 그대로 보일 수 있도록 하는 방식
• Base64 인코딩 : 문자 코드에 영향을 받지 않는 아스키 영역의 문자들로만 이루어진 문자열로 바꾸는 인코딩 방식
• URL 인코딩 : URL로 사용할 수 없는 문자들을 '%xx'의 형태로 변환하는 것
  QP보다 Base64가 비트 효율이 좋고 데이터 양도 많아서 더 많이 사용한다
  URL 인코딩은 인터넷을 통해 전송이 가능한 문자는 아스키 코드뿐이기 때문에 필요하다.

색을 표현하는 방법

• 가산 색 시스템
  
• 감산 색 시스템
  
• 색 인코딩
  URL 인코딩과 비슷한 방법으로 인코딩한다. 웹에서는 16진 트리플렛(#뒤에 여섯 자리 16진 수를 추가해 #rrggbb처럼 표현하는 방식)으로 표현한다.

To Do

1. 完) 리액트 개인과제

2. 完) 알고리즘 최소 한 문제 - 220217's Algorithm

3. 完) 모던 자바스크립트 한 장 읽기

4. 完) CS 스터디 내용 정리하기

Today's Short Report

리액트.. 보고 또 보다 보면 익숙해지겠지