TIL-2020808

회고

아래와 같이 공부하는게 어떨까 싶다.

• ~ 18:00:
  • CS Core
    • Crafting Interpreters
    • SICP JS Edition
    • (CSAPP)
    • Data Structures & Algorithms
    • 그 외(Networking, DB, Distributed Sytems)
  • 딴짓
    • Programming 관련 짤막한 주제
• 18:00 ~:
  • Full Stack Tech Stack
    • Python/JavaScript
  • Portfolio 준비
    • 개인블로그(a.k.a. flowblog)
    • 금융정보제공플랫폼?(a.k.a. sotsog)
• 여기서 기준을 18:00으로 한건 스터디 카페에서 집에 온 이후라서인데. 집에오면 사실 cycling과 starcraft를 할 확률이 지배적인데, 이러다 망하는거 아닐까....? CS가 중요해서 비중을 강제적으로 잡아본건데, 어떨지 모르겠네. 8월 한달은 이렇게 해볼까

오늘 한것

• React

  • useEffect 관련 reference 읽기
    • Effect는 Component와 별개로 생각하는게 좋다. Component는 흔히 mount, update, unmount로 UI Display 관점이지만 Effect는 start, stop 2단계의 (re)synchronization process로 주로 external system과 sync를 맞출때 사용한다. 여기서 external system은 제 3자 library가 될수도 서버와의 connection일 수도(chat server, fetching data)있다.
    • From component's perspective가 있고 From Effect's perspective가 있다. 관점의 차이.
    • 사실은 Effect가 필요 없는 부분(혹은 사용하지 말아야할부분)에 남발할 수도 있는데, React의 철학과 컨셉에 잘 빙의해서 코딩을 해보자.

• CSS

  • Using CSS Animations
    • Animations이란 CSS 특정 값에서 다음 값으로 넘어갈때 바로 넘어가는게 아니라 keyframes를 통해 어떻게 넘어갈지를 내가 정하는 것.
    • CSS Animation 사용은 2부분인데 Animation Configuration 하는 부분과 keyframes 부분이다.
      • Animation Configuration은 anmiation property로 설정할 수 있고 verbose하게 하려면 animiation-name, animation-duration, animation-direction, animation-iteration-count 등을 설정한다.
      • keyframes 부분은 at-rule을 사용해서 0%(from)에서 100%(to) 사이에서 원하는 CSS 변화를 명시해주면 된다.
    • 잘못된 설명이 있을 수 있는데 내일 다시 정리.

• Crafting Interpreters

  • Scanner는 a series of individual characters into meaningful lexical units(tokens)으로 바꿔주는 역할을 한다. 근데 이 tokens이 interpreters에게 제대로 해석이 되려면 lexical grammar 뿐만 아니라 syntactic grammar가 맞쳐진 형태가 되어야 되는데 거기서 representating code가 등장한다. 대표적으로 ALGOL에 쓰였던 BNF 계열이 있다.
    • 여기서 production, derivation개념이 나오면 production(rule)은 head, body가 있으며 symbol로 표시한다. symbol은 terminal nonterminal이있다.
    • syntactic grammar가 정해지면 이걸 jlox에서는 AST Abstract Syntax Tree를 output하는 parser를 만들어야 한다.?!
  • 개념이 조금 낯설던데 다시 한번 보자...

• 그외

  • lexical facebook opensource 뭔지 잠깜 봄
  • d3.js 잠깐 봄 (이게 진입장벽이 쪼금 있는듯..)

내일 잘해보자.