03.30.2022 TIL

TIL

Done it

• document.createDocumentFragment()
  • DOM 트리를 build하기 위해 DOM 노드를 추가할 수 있는 새 공간을 만들어 줍니다.
    => 가상 공간을 만들어 계속 DOM이 추가 되고 렌더링 되는 것을 막기 위한 방법
• box-sizing
  • content-box: width, height 포함, padding, border 미포함
  • border-box: width, height, padding, border 포함

• Promise
  • Callback 함수와 다르게 비동기 상황을 다룹니다.
  • Promise라는 class를 통해 만들어진 instance를 반환하는데 그 값은 대기(Pending),
    이행(Fulfilled), 실패(Rejected)를 다루는 일급 값으로 이루어져 있다.

• 모나드 : 함수 합성을 안전하게 해주는 것
• Kleisli Composition: 오류가 있을 수 있는 상황에서 함수 합성을 안전하게 하는 하나의 규칙

 

 

Feeling

진짜 함수형 프로그래밍 다 흡수하기에는 너무 많은 양인것 같습니다....

그래서 우선!!! 2번째 듣는 거니 쓱 들으면서 이해하고 넘어가려고 하고 있습니다. 이렇게 해도 시간 많이 걸리지만... 그리고 CSS 부분이 약한것을 다시한번 깨닫게 되는 하루였습니다.

화이팅해서 하면 잘 할 수 있을 것 같습니다. :) 모두들 화이링~

 

 

REF

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise

https://joshua1988.github.io/web-development/javascript/promise-for-beginners/

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link

https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand

https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing

https://overcurried.com/3%EB%B6%84%20%EB%AA%A8%EB%82%98%EB%93%9C/

https://kjwsx23.tistory.com/318

https://github.com/baeharam/Must-Know-About-Frontend/blob/main/Notes/javascript/execution-context.md