객체지향 프로그래밍 복습
  • 사실 실무가서 배워도 상관없다는 입장
    왜냐면 신입으로 들어가면 보통은 사수가 객체 지향으로 프로그래밍한 코드들을 볼테니까
  • 프로토 타입은 어떤 임의의 공간을 가르킨다
  •  
  • 생성자 함수로 만든 인스턴스의 기본 타입은 Object로 프로토
  • constructor는 instance의 프로토를 가르킨다

https://web.archive.org/

 

Wayback Machine

Due to a planned power outage on Friday, 1/14, between 8am-1pm PST, some services may be impacted.

web.archive.org

최척화 Optimization
  • Make it work, Make it right, Make it fast
    -Kent Beck

https://web.dev/why-speed-matters/

 

속도가 왜 중요합니까?

사용자 경험에서 속도는 중요한 역할을 합니다. 모바일 속도로 인한 지연은 실망스러울 뿐만 아니라 비즈니스 결과에도 부정적인 영향을 미칠 수 있습니다.

web.dev

https://kraken.io/

 

Kraken.io Image Optimizer

Kraken.io is a robust, ultra-fast image optimizer. Thanks to its vast array of optimization algorithms Kraken.io is a world ahead of other tools. Want to save bandwidth and improve your website's load times? Look no further and welcome to Kraken!

kraken.io

이미지 최적화 사이트

  • 폰트는 결국 이미지이기 때문에 3개 이하로 사용하되, 용량이 최적화 된 폰트로

https://pagespeed.web.dev/

 

PageSpeed Insights

올바른 URL을 입력하세요.

pagespeed.web.dev

https://web.archive.org/web/20220313150523/https://csstriggers.com/

 

CSS Triggers

@PROPERTY_DESCRIPTION@ B G W E Change from default B G W E Subsequent updates

web.archive.org

  • 대부분의 CSS속성이 reflow를 일으키는 편
  • Chrome : Blink
  • Edge : EdgeHTML→Blink
  • FireFox : Gecko
  • Safari : WebKit
  • InternetExploer : Trident

https://developer.mozilla.org/ko/docs/Web/API/Window/requestAnimationFrame

 

window.requestAnimationFrame() - Web API | MDN

화면에 새로운 애니메이션을 업데이트할 준비가 될때마다 이 메소드를 호출하는것이 좋습니다. 이는 브라우저가 다음 리페인트를 수행하기전에 호출된 애니메이션 함수를 요청합니다. 콜백의

developer.mozilla.org

 

+ Recent posts