Today I Learned

1. 리액트 :

styled-components란?

컴포넌트에 스타일을 적기 때문에, 간단하고 직관적이다.
컴포넌트에 스타일을 직접 입히는 방식이라고 편하게 생각하면 된다.

Ref (리액트에서 돔요소를 가져오려면)

1. React.createRef()
2. React.useRef()

State관리

클래스형 컴포넌트에서 state관리: setState()
함수형 컴포넌트에서 state관리: useState() - 클래스형처럼 자체적 state를 가지고 있지 않지만, react hooks를 이용하면 state를 사용할 수 있다.

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

    9장 타입 변환과 단축 평가

타입 변환이란?

개발자가 의도적으로 값의 타입을 변환하는것을 명시적 타입 변환, 타입 캐스팅이라 한다. 반대로 개발자의 의도와 상관없이, 자바스크립트 엔진에 의해 자동변환되는 것을 암묵적 타입 변환, 타입 강제 변환이라 한다.

암묵적 타입 변환

자바스크립트는 가급적 에러를 발생시키지 않도록 표현식을 평가한다. 암묵적 타입 변환이 발생하면 다음과 같은 타입으로 자동 변환한다.

• 문자열 타입으로 변환
• 숫자 타입으로 변환
• 불리언 타입으로 변환

명시적 타입 변환

• 문자열 타입으로 변환
  1. String 생성자 함수를 new연산자 없이 호출
  ex) String(1)

  2. Object.prototype.toString 메서드를 사용
     ex) (1).toString();
  3. 문자열 연결 연산자를 이용
     ex) 1 + '';

• 숫자 타입으로 변환
  1. Number 생성자 함수를 new연산자 없이 호출
  ex) Number('0');

  2. parseInt, parseFloat 함수를 사용
     parseInt('0');
  3. • 단항 산술 연산자 이용
       +'0';
  4. • 산술 연산자 이용
       '0' * 1;

• 불리언 타입으로 변환
  1. Boolean생성자 함수를 new연산자 없이 호출
  ex) Boolean('x'); -> true,
  Boolean(0) -> false,
  Boolean(1) -> true

  2. !부정 논리 연산자 두 번 사용
     ex) !!'x'; -> true,
     !!0; -> false,
     !!1; -> false

단축 평가

3. CS 스터디 :

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

실수를 표현하는 방법

고정소수점 표현법 - 컴퓨터에서 사용하는 경우는 드물다
부동소수점 표현법 - 모든 수를 표현하지 못한다
IEEE 747 - 부동소수점 수 표준:
1. 정규화 - 가수 맨 앞에 0이 없도록 만드는 것
2. bias 표현법 - 01111111을 0으로 설정함으로써 음과 양 표현 가능

To Do

1. 리액트 강의 다 듣기 - (3/5)

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

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

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

Today's Short Report

알고리즘 풀이를 대폭 줄였다. 한 문제당 얼마나 걸릴지도 모르니 잠깐 집중을 위해 하는 문제풀기에 시간을 많이 소비할 여유가 없다. 일단은 지금 배우는 것의 비중을 많이 둬야겠다.