객체지향 프로그래밍 복습
- 사실 실무가서 배워도 상관없다는 입장
왜냐면 신입으로 들어가면 보통은 사수가 객체 지향으로 프로그래밍한 코드들을 볼테니까 - 프로토 타입은 어떤 임의의 공간을 가르킨다
- 생성자 함수로 만든 인스턴스의 기본 타입은 Object로 프로토
- constructor는 instance의 프로토를 가르킨다
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
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개 이하로 사용하되, 용량이 최적화 된 폰트로
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
'멋쟁이사자처럼 프론트엔드 스쿨 > FE TIL' 카테고리의 다른 글
[멋사 프론트엔드 스쿨]10월 27일 목요일 TIL_특강데이 (0) | 2022.10.28 |
---|---|
[멋쟁이사자처럼 프론트엔드스쿨]9월 1일 4일차 (0) | 2022.10.25 |
[멋사 프론트엔드 스쿨]10월 24일 월요일 TIL_스프린트 회고_페어프로그래밍, 설문조사From, To Do List 실습 (0) | 2022.10.25 |
[멋쟁이사자처럼 프론트엔드스쿨]8월 31일 3일차 (0) | 2022.10.23 |
[멋사 프론트엔드 스쿨]10월 14일 금요일 TIL_DOM (0) | 2022.10.14 |